Code hiển thị thay thế giá của từng biến thể Woocommerce

Áp dụng cho các sản phẩm có biến thể phần giá, thay vì tách riêng giá từng biến thể, đoạn code này sẽ thay thế giá hiển thị như dưới đây:

Hãy chèn đoạn code dưới đây vào file Functions.php của childtheme bạn đang sử dụng:

// Ngankeonho - show variation price on pricing area snippet starts here
function js_custom_price_pt(){;?>
<script type="text/javascript">
jQuery(document).ready(function ($) {
jQuery(document).ready(function(event) {
var m = $('.price.product-page-price ').html();
jQuery('.single_variation_wrap').change(function(){
$('.woocommerce-variation-price').hide();
var p = $('.single_variation_wrap').find('.price').html();
$('.price.product-page-price').html(p);
});
jQuery('body').on('click','.reset_variations',function(event) {
$('.price.product-page-price').html(m);
});
});
});
</script>
<?php }
add_action('wp_footer','js_custom_price_pt');

Hoặc bạn có thể chèn script sau vào footer script:

<script type="text/javascript">
    jQuery(document).ready(function ($) {
            jQuery(document).ready(function(event) {
                var m = $('.price.product-page-price ').html();
                jQuery('.single_variation_wrap').change(function(){
                    $('.woocommerce-variation-price').hide();
                    var p = $('.single_variation_wrap').find('.price').html();
                    $('.price.product-page-price').html(p);
                });
                jQuery('body').on('click','.reset_variations',function(event) {
                    $('.price.product-page-price').html(m);
                });
            });
    });
</script>