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

Huong-Dan-Code-Doi-Khoan-Gia-Thanh-Gia-Bien-The

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.

Cách Đổi Khoảng Giá Thành Giá Biển Thể
Cách Đổi Khoảng Giá Thành Giá Biển Thể

Hôm nay, flatsomea-z sẽ hướng dẫn các bạn cách 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.

Huong-Dan-Code-Doi-Khoan-Gia-Thanh-Gia-Bien-The
Huong-Dan-Code-Doi-Khoan-Gia-Thanh-Gia-Bien-The

Chúc các bạn thành công ^^

 

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

  1. Khoa says:

    Cám ơn a đã chia sẻ, sau khi thêm code thì quá ok. Nhân tiện a cho em hỏi thêm là nếu muốn bỏ khoảng giá, chỉ hiện 1 giá ở ngoài trang danh mục thì làm thế nào ạ ?

Trả lời

Email của bạn sẽ không được hiển thị công khai.