Hướng dẫn thay đổi cách hiển thị giá và mô tả ngắn của biến thể trong Woo

<script>
/*Author: levantoan.com*/
(function ($) {
    $(document).ready(function () {
        if($('form.variations_form.cart').length > 0) {
            $('form.variations_form.cart').each(function (){
                let thisWrap = $(this).closest('.product-info.summary');

                let oldPrice = $('.price-wrapper > .price', thisWrap).html();
                let descBox = $('.product-short-description', thisWrap);

                $(this).on('show_variation', function (e, variation) {
                    $('.devvn_variation_description', thisWrap).remove();
                    if(variation.price_html) $('.price-wrapper > .price', thisWrap).html(variation.price_html);
                    if(variation.variation_description) descBox.append('<div class="devvn_variation_description">'+variation.variation_description+'</div>');
                });
                $(this).on('hide_variation', function (e) {
                    $('.price-wrapper > .price', thisWrap).html(oldPrice);
                    $('.devvn_variation_description', thisWrap).remove();
                });
            })
        }
    });
})(jQuery);
</script>

.product-short-description > p:last-of-type {
    margin-bottom: 0;
}
.woocommerce-variation-description, .woocommerce-variation-price {
    display: none;
}