上一篇: jquery – Angular2 – 删除行或... 下一篇:jquery-i18next – 用法,按用户更...

jquery – 当数量选择改变时,WooCommerce显示总价

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 当数量选择改变时,WooCommerce显示总价，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

当数量变化时,我需要在产品页面中显示总价格.
如果您在购物车中添加产品数量,这与购物车中的行价相同.
我还是WooCommerce的新手,所以我不知道从哪里开始.但如果有人能帮助我找到正确的方向,我想我可以自己管理.

所以这是我对如何做的想法.

jQuery(document).ready(function($){
    $('.qty').on('change',function(){
         // grab the price
         var price = $('[itemprop="price"]').attr('content');
         var @R_980_10586@l_price = price * this.value;
         console.log(price,this.value,@R_980_10586@l_pricE);
    });
})

这在粘贴在控制台上时有效.但我不确定将此代码放在WooCommerce上的哪个位置.

解决方法

你几乎就在那里……试试这个,把它粘贴在你的functions.PHP中

add_action( 'woocommerce_single_product_sumMary','woocommerce_@R_980_10586@l_product_price',31 );
function woocommerce_@R_980_10586@l_product_price() {
    global $woocommerce,$product;
    // let's setup our divs
    echo sprintf('<div id="product_@R_980_10586@l_price" style="margin-bottom:20px;">%s %s</div>',__('Product @R_980_10586@l:','woocommerce'),'<span class="price">'.$product->get_price().'</span>');
    ?>
        <script>
            jQuery(function($){
                var price = <?PHP echo $product->get_price(); ?>,currency = '<?PHP echo get_woocommerce_currency_symbol(); ?>';

                $('[name=quantity]').change(function(){
                    if (!(this.value < 1)) {

                        var product_@R_980_10586@l = parseFloat(price * this.value);

                        $('#product_@R_980_10586@l_price .price').html( currency + product_@R_980_10586@l.toFixed(2));

                    }
                });
            });
        </script>
    <?PHP
}