[Hướng dẫn] Cách đổi khoảng giá thành Giá Biến Thể

Cách đổi khoảng giá thành Giá Biến Thể 

Woocoomerce là plugin gần như không thể thiếu đối với những ai có mục đích làm web bán hàng. Đây là plugin phổ biến và siêu tiện ích được đông đảo người dùng trên thế giới lựa chọn. 

Tuy nhiên, khi sử dụng plugin này, người dùng sẽ phải đối mặt với 1 vấn đề là khi một sản phẩm có biển thể, giá hiển thị trên web sẽ ở dạng khoảng giá và không thay đổi giá theo biến thể được chọn theo mà hiện ở dưới mô tả ngắn của sản phẩm, làm người dùng cũng như khách hàng thấy rất khó chịu.

Hôm nay, chúng ta sẽ fix lỗi này một cách triệt để nhất chỉ với 1 đoạn code

[Hướng dẫn] Cách Đổi Khoảng Giá Thành Giá Biển Thể Chuẩn Nhất 2021

Các bạn copy và paste đoạn code sau vào file functions.php nhé

add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );
function move_variations_single_price(){
global $product, $post;
if ( $product->is_type( 'variable' ) ) {
add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );
}
}
function replace_variation_single_price() {
?>
<style>
.woocommerce-variation-price {
display: none;
}
</style>
<script>
jQuery(document).ready(function($) {
var priceselector = '.product p.price';
var originalprice = $(priceselector).html();

$( document ).on('show_variation', function() {
$(priceselector).html($('.single_variation .woocommerce-variation-price').html());
});
$( document ).on('hide_variation', function() {
$(priceselector).html(originalprice);
});
});
</script>
<?php
}

Lưu lại là xong. Xoá cache và xem thử nha.

Nguồn: flatsomea-z