Question

此问题基于Get selected variation price in jQuery on Woocommerce Variable products。
我有一些可在单个产品页面上运行的代码，以根据用户输入显示计算出的价格。问题在于，计算出的价格也适用于页面底部的相关产品。它们的价格设置为与要查看的产品相同。
我认为问题出在$（'。price'）。html（total_pris +'，-'）;行中。其中“ .price”也适用于相关产品。我该如何解决？

我的代码：

add_action( 'woocommerce_before_add_to_cart_quantity', 'func_option_valgt' 
);
function func_option_valgt() {
global $product;
if (has_term('endene','product_cat')){
    $variations_data =[]; // Initializing

    // Loop through variations data
    foreach($product->get_available_variations() as $variation ) {
        // Set for each variation ID the corresponding price in the data array (to be used in jQuery)
        $variations_data[$variation['variation_id']] = $variation['display_price'];
    }
    ?>
    <script>
    jQuery(function($) {
        var jsonData = <?php echo json_encode($variations_data); ?>,
            inputVID = 'input.variation_id';

        $('input , #id_dropdown_one_end, #id_dropdown_other_end').change( function(){
            if( '' != $(inputVID).val() ) {
                var vid      = $(inputVID).val(), // VARIATION ID
                    length   = $('#rope_length').val(), // LENGTH
                    diameter = $('#diameter').val(),  // DIAMETER
                    ene_enden = $('#id_dropdown_one_end').find('option:selected').attr("value_one_end"),
                    andre_enden = $('#id_dropdown_other_end').find('option:selected').attr("value_other_end"),
                    vprice   = ''; // Initilizing

                // Loop through variation IDs / Prices pairs
                $.each( jsonData, function( index, price ) {
                    if( index == $(inputVID).val() ) {
                        vprice = price; // The right variation price

                    var ene_enden_conv = Number(ene_enden);
                    var andre_enden_conv = Number(andre_enden);
                    var rope_price = (length*vprice) + ene_enden_conv + andre_enden_conv;
                    var total_pris = rope_price;
                        if (rope_price != 0){
                            $('.price').html(total_pris+',-');
                        }
                    }
                });
            }
        });
    });
    </script>
    <?php
    }
}

Answer 1

为避免也避免更新相关产品的价格，您只需要进行一点更改即可替换：

$('.price').html(total_pris+',-');

作者：

$('.woocommerce-variation-price > .price').html(total_pris+',-');

这应该可以解决您的问题。

避免选择的变化计算价格反映在Woocommerce相关产品中

1 个答案: