php – 在Woocommerce 3中更换价格区间处理默认变化显示价格

分类：wordpress作者：编程之家用户

在我们的woocommerce网站上,我试图根据客户从下拉菜单中选择的变化来更新显示的价格,如下所示：

Example of dropdown variation selection

我使用了一个由LoictheAztec在另一个答案中提交的php函数：Replace the Variable Price range by the chosen variation price in WooCommerce 3

add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );
function move_variations_single_price(){
    global $product, $post;

    if ( $product->is_type( 'variable' ) ) {
        // removing the variations price for variable products
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

        // Change location and inserting back the variations price
        add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );
    }
}

function replace_variation_single_price(){
    global $product;

    // Main Price
    $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
    $price = $prices[0] !== $prices[1] ? sprintf( __( 'From: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

    // Sale Price
    $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
    sort( $prices );
    $saleprice = $prices[0] !== $prices[1] ? sprintf( __( 'From: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

    if ( $price !== $saleprice && $product->is_on_sale() ) {
        $price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price . $product->get_price_suffix() . '</ins>';
    }

    ?>
    <style>
        div.woocommerce-variation-price,
        div.woocommerce-variation-availability,
        div.hidden-variable-price {
            height: 0px !important;
            overflow:hidden;
            position:relative;
            line-height: 0px !important;
            font-size: 0% !important;
        }
    </style>
    <script>
    jQuery(document).ready(function($) {
        $('select').blur( function(){
            if( '' != $('input.variation_id').val() ){
                if($('p.availability'))
                    $('p.availability').remove();
                $('p.price').html($('div.woocommerce-variation-price > span.price').html()).append('<p class="availability">'+$('div.woocommerce-variation-availability').html()+'</p>');
                console.log($('input.variation_id').val());
            } else {
                $('p.price').html($('div.hidden-variable-price').html());
                if($('p.availability'))
                    $('p.availability').remove();
                console.log('NULL');
            }
        });
    });
    </script>
    <?php

    echo '<p class="price">'.$price.'</p>
    <div class="hidden-variable-price" >'.$price.'</div>';
}

但是,当选择变体时,它会在From：$price下面显示undefined,如下所示：

未定义错误的示例：

Example of undefined error

因此,如果有人可以帮我确定此错误的原因,以便现在根据已选择的变体显示和更新价格,我们将不胜感激.

解决方法:

更新3

我做了一些重大改进和改进……这个代码版本也解决了默认情况下为变量产品选择变体(摆脱那个“未定义”错误……)并在特定情况下解决了一些其他错误的情况.

Note – The code might not work in some cases: For some themes or some plugins (like German Market for example) that make their own changes, using those hooks or changing the default html structure. In some cases your own customizations can be guilty.

这是新代码：

// Utility function to get the default variation (if it exist)
function get_default_variation( $product ){
    $attributes_count = count($product->get_variation_attributes());
    $default_attributes = $product->get_default_attributes();
    // If no default variation exist we exit
    if( $attributes_count != count($default_attributes) )
        return false;

    // Loop through available variations
    foreach( $product->get_available_variations() as $variation ){
        $found = true;
        // Loop through variation attributes
        foreach( $variation['attributes'] as $key => $value ){
            $taxonomy = str_replace( 'attribute_', '', $key );
            // Searching for a matching variation as default
            if( isset($default_attributes[$taxonomy]) && $default_attributes[$taxonomy] != $value ){
                $found = false;
                break;
            }
        }
        // If we get the default variation
        if( $found ) {
            $default_variaton = $variation;
            break;
        }
        // If not we continue
        else {
            continue;
        }
    }
    return isset($default_variaton) ? $default_variaton : false;
}

add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );
function move_variations_single_price(){
    global $product, $post;

    if ( $product->is_type( 'variable' ) ) {
        // removing the variations price for variable products
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

        // Change location and inserting back the variations price
        add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );
    }
}

function replace_variation_single_price(){
    global $product;

    // Main Price
    $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
    $active_price = $prices[0] !== $prices[1] ? sprintf( __( 'From: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

    // Sale Price
    $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
    sort( $prices );
    $regular_price = $prices[0] !== $prices[1] ? sprintf( __( 'From: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

    if ( $active_price !== $regular_price && $product->is_on_sale() ) {
        $price = '<del>' . $regular_price . $product->get_price_suffix() . '</del> <ins>' . $active_price . $product->get_price_suffix() . '</ins>';
    } else {
        $price = $regular_price;
    }

    // When a default variation is set for the variable product
    if( get_default_variation( $product ) ) {
        $default_variaton = get_default_variation( $product );
        if( ! empty($default_variaton['price_html']) ){
            $price_html = $default_variaton['price_html'];
        } else {
            if ( ! $product->is_on_sale() )
                $price_html = $price = wc_price($default_variaton['display_price']);
            else
                $price_html = $price;
        }
        $availiability = $default_variaton['availability_html'];
    } else {
        $price_html = $price;
        $availiability = '';
    }
    // Styles ?>
    <style>
        div.woocommerce-variation-price,
        div.woocommerce-variation-availability,
        div.hidden-variable-price {
            height: 0px !important;
            overflow:hidden;
            position:relative;
            line-height: 0px !important;
            font-size: 0% !important;
        }
    </style>
    <?php // Jquery ?>
    <script>
    jQuery(document).ready(function($) {
        var a = 'div.wc-availability', p = 'p.price';

        $('select').blur( function(){
            if( '' != $('input.variation_id').val() ){
                if($(a).html() != '' ) $(a).html('');
                $(p).html($('div.woocommerce-variation-price > span.price').html());
                $(a).html($('div.woocommerce-variation-availability').html());
            } else {
                if($(a).html() != '' ) $(a).html('');
                $(p).html($('div.hidden-variable-price').html());
            }
        });
    });
    </script>
    <?php

    echo '<p class="price">'.$price_html.'</p>
    <div class="wc-availability">'.$availiability.'</div>
    <div class="hidden-variable-price" >'.$price.'</div>';
}

代码位于活动子主题(或活动主题)的function.php文件中.经过测试和工作.

Tested in Woocommerce versions 3.2.x, 3.3.x and 3.4.x too…

笔记：

在以下情况下,代码处理这些特定情况：

>定义默认变体
>所有变化都具有相同的正常价格
>所有变化都具有相同的常规和销售价格

该代码还解决(在某些情况下)或增强：

>更好的可用性html结构和显示(如默认情况下)
>负载上不再显示延迟显示
>没有更多的可用性重复错误
>没有更多可用性“未定义”显示

原文地址：https://codeday.me/bug/20190925/1816415.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

WordPress Rest-Api 将wp-json路由修改为自定义的api
我想将wordpress的默认接口路由改掉，愿意是默认的带一个 wp-json，我想换成 api，直接简单明了。默认路由https://www.xxzhuti.com/wp-json/wp/v2/posts/1新的路由https://www.xxzhuti.com/api/wp/v2/posts/1路由修改wordpress提供了一个钩子来修改 wp-json 的地址，代码入汛function r
wordpress自定义分类法301跳转多一个斜杠的解决办法
wordpress自定义分类法之后，我看到链接都自动在后面添加了一个斜杠，如下图所示打开链接后都是先从一个链接301后到另外一个链接，我这个纳闷，然后一顿找原因，最后竟然是因为固定链接看我后台的固定链接是 /%post_id%/ 这么写的，然后每次都会301自动跳转。正确的写法是 /%post_id%.html 这样写才不会301跳转。一个小问题，往往一个小问题就会折腾好长时间，在这记录一下吧..
get_post_type 获取自定义帖子类型的注意事项
事情是这样的，我用 get_post_type 函数创建了一个自定义分类法类型，然后自定义了文件的访问路径代码如下。function tblog_chat_template( $template_path ){    if ( get_post_type() == 'aichat' ) {         if ( is_single() )         {             $temp
wordpress后台添加注册验证码防止恶意注册
最近网站莫名其妙的被顶上了，过一个多小时，就注册一个账号，虽然不多，但是也挺烦，时间一长垃圾注册的就多了。由于我前台把注册关掉了，只允许用第三方登录，经过查找发现是通过后台注册的，后台无须邮箱验证即可注册，也是就想着在后台加个验证码。效果如下实现方法一将下面的代码加入到 function.php 中，刷新页面就会看到。//WordPress新用户注册随机数学验证码function add_s...
wordpress网站迁移服务器后图片加载不显示的解决方法
最近服务器要到期了，就想着把网站转移到另外一台服务器，本来打算要续费的，但是腾讯云的服务器有了新的规定，域名必须在腾讯云备案才能使用，在别的地方备案的域名需要转到腾讯云，在腾讯云在走一遍备案流程，若是备案简单，时间短也就无所谓了，就转一下，可是这个备案大家也知道，至少得一个月，于是就只能放弃腾讯云了，将站点转回备案的阿里云，以后就用阿里云了，贵点就贵点吧。这不网站迁移过去了，死活图片不显示，各..
使用register_rest_route自定义接口的时候一直报rest_no_route的解决方案
今天在写wordpress的接口，然后碰到个奇怪的问题，怎么访问都提示 rest_no_route 的错误，然后就一直跟踪代码，终于找到原因所在。报错信息{'code': 'rest_no_route','message': '未找到匹配URL和请求方式的路由。','data': {'status': 404}}原因分析register_rest_route( string $namespace,
误删除WordPress文章如何恢复 快速救援误操作WordPress内容
今天看到群友突然滴滴滴的找我QQ，好像出什么大事情一样。原来他由于误操作导致网站文章被删除。
修改WordPress默认登录地址 减少爬虫抓取降低占用资源
今天遇到一个网友提示网站访问速度比较慢，然后通知日志看到有他的网站WordPress默认登录地址wp-login.php一直在被爬虫抓取，因为是有被破解后台账户信息，导致的占用数据库资源使得网站资源带宽不足后访问降低导致
WordPress提示"There has been a critical error on this website."问题解决方法
今天老左在帮助客户升级WordPress的时候我看他网站也比较简单就直接在后台手工升级的。升级后打开网站有出现"There has been a critical error on your website."的错误提示。
解决WordPress文章标题"-"分隔符被转义的问题
我们在使用WordPress搭建的网站是否有留意查看源代码的时候看到标题中的原本"-"，被转义成"&#8211"。其实这样并不影响用户阅读体验和搜索引擎，搜索引擎在收录后也会反向转义的。就是感觉看
wordPress上传.webp格式文件的插件：File Upload Types
WordPress默认是无法上传.webp格式的文件，如果要上传需要对上传文件限制进行解除后才能上传。
WordPress 多语言插件：GTranslate 详细介绍
GTranslate 是一个流行的翻译插件，在免费和付费版本中提供不同的体验。 使用免费版本，您可以轻松提供任何语言的动态翻译，而付费版本提供可索引、可编辑的翻译版本，就像 Weglot 一样。
wordpress网站广告屏蔽替换显示图片提醒的实用方法
时下主流的浏览器都自带了广告屏蔽功能，还有ADSafe、ADB等软件插件，不断更新，屏蔽网站代码！
7个最佳wordPress显示数据的表格插件
您是否正在寻找可用于显示数据的 WordPress 表格插件？ WordPress 表格插件可让您以表格格式存储和呈现数据，以方便访问者阅读。
WordPress数据库中未使用的表如何删除？
wordPress数据库除了本身的表以外，部分插件会增加表来存储数据。如果插件已经删除了，这些插件生成的表还在数据库中，那么怎么删除呢？
WordPress隐藏后台登录地址的最简单的方法
WordPress几乎是世界上最安全的开源程序，但其后台登录注册的地址始终是众所周知的，所以不少人觉得隐藏WordPress的登录地址后可能会更加安全。下面浩子就针对这个问题来简单说明一下方法。WordPress隐藏后台登录地址
WordPress 使用 Classic Widgets 插件恢复经典小工具
自 WordPress 5.8 正式版发布 以后，后台的小工具就默认是块编辑器的界面样式，很多老用户还没有来得及学习就一脸茫然了，今天浩子就来教大家如何恢复WordPress经典小工具。
如何翻译WordPress插件？海外WordPress插件翻译
您想用您的语言翻译 WordPress 插件吗？许多 WordPress 插件是完全可翻译的，世界上任何人都可以轻松翻译。在本文中，我们将向您展示如何轻松地将 WordPress 插件翻译成您的语言（无需任何代码）。
WordPress开启 WP_DEBUG 调试模式的方法
WordPress新手不清楚WordPress调试模式怎么开启，今天来教大家认识和开启。什么是WordPress的调试模式
WordPress外观-自定义报错解决：Uncaught Exception: Supplied nav_menu_item..
最近不少用户反馈说WordPress后台的外观-自定义点开后直接报错，错误信息如下：
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot