Code thay đổi giá sản phẩm khi chọn thuộc tính biến thể

Thông qua bài viết này, Sunday Web sẽ hướng dẫn bạn Code thay đổi giá sản phẩm khi chọn thuộc tính biến thể.

Woocommerce hiện nay có một vài sơ suất nhỏ mà các nhà bán hàng Woocommerce cần quan tâm, ví dụ như đối với sản phẩm có biến thể, khi bạn chọn thuộc tính biến thể thì giá của sản phẩm vẫn không thay đổi. Ví dụ như ảnh

Rất đơn giản, bạn chỉ cần copy đoạn Script này vào bất kỳ chỗ nào nhận được JS.

Sunday Web đề xuất bạn sử dụng plugin Simple Custom CSS and JS để dễ dàng quản lý các đoạn code ngoài của mình.

jQuery(document).ready(function($) {
  $('form.variations_form').on('show_variation', function(event, variation) {
    if (variation.price_html) {
      $('.price-wrapper').html(variation.price_html);
    }
  });
});

Đây là kết quả khi bạn dán đoạn code trên:

Bạn cảm thấy bài viết Code thay đổi giá sản phẩm khi chọn thuộc tính biến thể như thế nào?

Nếu có góp ý bổ sung đừng ngần ngại đặt câu hỏi phía bên dưới cho Sunday Web và chúc các bạn thao tác thành công!

SundayWeb

Website Designer / Developer

Tận Tâm Làm Việc Bằng Cả Trái Tim.

Thiết kế Website – Chia sẻ kiến thức lập trình.