WooCommerce在数量更改时更新单个产品的价格

Question

我有一个WooCommerce商店，如果数量改变，我需要产品价格来更新。 例如，如果您想以$ 50的价格购买3个杯子，那么在单个产品页面上价格将自动变为$ 150，并且随着您增加数量，显示的价格将每次增加$ 50。

我的大部分商店都是可变产品，因此价格必须随可变产品和简单产品而更新。

下面的代码几乎存在，但仍然不正确。 它在可变产品上不能很好地工作，也不会更新主要产品的正常价格。

add_action( 'woocommerce_single_product_summary', 'woocommerce_total_product_price', 31 );
function woocommerce_total_product_price() {
    global $woocommerce, $product;


    echo sprintf('<div id="product_total_price" style="margin-bottom:20px;display:none">%s %s</div>',__('Product Total:','woocommerce'),'<span class="price">'.$product->get_price().'</span>');
    echo sprintf('<div id="cart_total_price" style="margin-bottom:20px;display:none">%s %s</div>',__('Cart Total:','woocommerce'),'<span class="price">'.$product->get_price().'</span>');
    ?>
        <script>
            jQuery(function($){
                var price = <?php echo $product->get_price(); ?>,
                    current_cart_total = <?php echo $woocommerce->cart->cart_contents_total; ?>,
                    currency = '<?php echo get_woocommerce_currency_symbol(); ?>';

                $('[name=quantity]').change(function(){
                    if (!(this.value < 1)) {
                        var product_total = parseFloat(price * this.value),
                        cart_total = parseFloat(product_total + current_cart_total);

                        $('#product_total_price .price').html( currency + product_total.toFixed(2));
                        $('#cart_total_price .price').html( currency + cart_total.toFixed(2));
                    }
                    $('#product_total_price,#cart_total_price').toggle(!(this.value <= 1));

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

任何帮助，将不胜感激！

Answer 1

WooCommerce单页产品已经开箱即用，您无需执行任何其他操作即可使它工作，现在您已加入woocommerce_single_product_summary，但您无需在此处进行任何额外的功能，因此不需要它，您可以添加woocommerce本身模板中的其他功能，并将基本基础功能留给WooCommerce处理。