使用jQuery获取可变产品价格-WooCommerce

Question

我对每个包含不同价格的产品都有一些变化，我试图用jQuery获得产品的可变价格，我得到了，但是下面的代码只得到最小变化价格，我想得到当前变化的当前价格。然后，当我更改另一个选择值时，前端的变化会以正确的价格进行更改，但在控制台日志中，会反复显示最小价格，而不是相应变化的相应价格。

jQuery( '.variations_form' ).each( function() {
    // when variation is found, do something
    jQuery(this).on( 'found_variation', function( event, variation ) {
        var product    = '<?php echo wc_get_product($variation_id) ?>',
            price      = <?php echo $product->get_price() ?>;
        console.log(price);
    });
});

我试图研究添加到购物车的变化。js和wp util。js文件来寻找一些方法，但我不能这样做。

有没有一种方法可以正确地检索当前变化价格与jQuery动态？

欢迎任何帮助

Answer 1

我找到了一个解决方案，但它从中检索价格。single_variation_wrap-

jQuery( '.variations_form' ).each( function() {
        jQuery(this).on( 'change', '.variations select', function() {
            var currency    = currency = ' <?php echo get_woocommerce_currency_symbol(); ?>',
                price       = jQuery('.woocommerce-variation-price .amount').text().replace(/ /g,''),
                parsePrice  = parseFloat(price),
                totalPrice  = parsePrice.toFixed(2) + currency;

            if ( jQuery('.single_variation_wrap .test').length ) {
              jQuery('.single_variation_wrap .test').html('');  
            }
            console.log(totalPrice);
            jQuery('.single_variation_wrap').append('<span class="test">' + totalPrice + '</span>');
        });
    });

这不是一个很好的解决方案，但它是有效的。

有其他专业解决方案吗？我怎样才能做到？

Answer 2

您的代码正在运行，只需使用变体即可获得价格、图像等

jQuery(document).ready(function() {
    jQuery( '.variations_form' ).each( function() {
        jQuery(this).on( 'found_variation', function( event, variation ) {
            console.log(variation);//all details here
            var price = variation.display_price;//selectedprice
            console.log(price);
        });
    });
   });