Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

Ngày đăng: 12 - 12 - 2021 Lượt xem: 84 lượt

Bạn đang tìm cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce?

Theo mặc định, giá cho các sản phẩm biến thể sẽ được hiển thị trong phạm vi. Có một số ít người muốn ẩn phạm vi và hiển thị giá sản phẩm khi chỉ chọn biến thể tương ứng.
 
Rất tiếc, WooCommerce không có bất kỳ chức năng tích hợp nào để giúp bạn đạt được điều đó.
 
Tuy nhiên, đừng lo lắng! Trong hướng dẫn này, mình sẽ chỉ cho bạn cách ẩn phạm vi giá trong các sản phẩm biến thể WooCommerce chỉ bằng một đoạn code đơn giản.

Bây giờ, hãy bắt đầu!

cách ẩn phạm vi giá sản phẩm biến thể

Phạm vi giá cho các sản phẩm biến thể trong WooCommerce là gì?

Các sản phẩm biến thể cho phép bạn bán cùng một sản phẩm với các kích thước, màu sắc, trọng lượng khác nhau, v.v. Bạn cũng có thể xác định các mức giá khác nhau cho mỗi biến thể.

Theo mặc định, giá cho các biến thể sẽ được hiển thị dưới dạng phạm vi trên trang sản phẩm.

phạm vi giá của sản phẩm biến thể

Điều đó nói rằng, việc hiển thị phạm vi giá không phải lúc nào cũng được chủ WooCommerce ưa thích.

Giả sử khách hàng ghé qua trang của bạn để tìm kiếm một chiếc áo khoác có giá 20$. Nếu sản phẩm biến thể của bạn hiển thị phạm vi giá ở mức 20$ – 30$, khách hàng có khả năng thoát khỏi trang sản phẩm của bạn và bạn mất doanh số bán hàng tiềm năng của mình. Trong trường hợp này, bạn nên xem xét chỉ hiển thị giá tối thiểu của phạm vi.

Trong các trường hợp khác, bạn có thể muốn ẩn hoàn toàn giá cho các sản phẩm biến thể đổi của mình. Chỉ khi khách truy cập chọn biến thể cụ thể thì giá mới hiển thị. Điều này thu hút khách truy cập của bạn nhấp vào các biến thể để biết thêm chi tiết và do đó, tăng cơ hội chuyển đổi khách truy cập thành khách hàng.

Làm cách nào để ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce?

Để ẩn phạm vi giá khỏi các trang sản phẩm biến thể, hãy mở tệp functions.php của theme hoặc child theme của bạn. Bạn có thể tìm thấy tệp này trong Giao diện> Chỉnh sửa Giao diện trong bảng điều khiển quản trị của bạn.

Nếu bạn gặp khó khăn trong việc tạo theme phụ, bạn có thể sử dụng plugin Code Snippets.

Khi bạn đã sẵn sàng, hãy bắt tay vào!

Ẩn giá tối đa cho các sản phẩm biến thể trong WooCommerce

Như đã đề cập ở trên, đôi khi bạn chỉ muốn hiển thị giá tối thiểu. Code này sẽ giúp bạn đạt được điều đó. Chỉ cần thêm đoạn code sau vào tệp function.php trong theme của bạn.

function wc_varb_price_range( $wcv_price, $product ) {

$prefix = sprintf('%s: ', __('From', 'wcvp_range'));

$wcv_reg_min_price = $product->get_variation_regular_price( 'min', true );

$wcv_min_sale_price    = $product->get_variation_sale_price( 'min', true );

$wcv_max_price = $product->get_variation_price( 'max', true );

$wcv_min_price = $product->get_variation_price( 'min', true );

$wcv_price = ( $wcv_min_sale_price == $wcv_reg_min_price ) ?

wc_price( $wcv_reg_min_price ) :

'<del>' . wc_price( $wcv_reg_min_price ) . '</del>' . '<ins>' . wc_price( $wcv_min_sale_price ) . '</ins>';

return ( $wcv_min_price == $wcv_max_price ) ?

$wcv_price :

sprintf('%s%s', $prefix, $wcv_price);

}

add_filter( 'woocommerce_variable_sale_price_html', 'wc_varb_price_range', 10, 2 );

add_filter( 'woocommerce_variable_price_html', 'wc_varb_price_range', 10, 2 );

Các sản phẩm biến thể của bạn sẽ chỉ hiển thị giá thấp nhất. Giá chính xác cho mỗi biến thể sẽ xuất hiện phía trên nút Thêm vào giỏ hàng khi lựa chọn.

ẩn giá của sản phẩm biến thể

Lời kết

Mình hy vọng với thay đổi này, cửa hàng của bạn sẽ hoạt động hiệu quả hơn.

Nếu các bạn thấy hay có thể theo dõi chuyên mục WordPress cơ bản để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

0 0 votes
Đánh giá bài viết

guest
1 Bình luận
Bình chọn
Mới nhất Cũ nhất
Inline Feedbacks
View all comments
Thu Hà

Hi anh, em có vào phần product_attributes để tạo các thuộc tính trong đó có một thuộc tính là quốc gia, em dùng một plugin để tạo ảnh cho các trường con của quốc gia, ví dụ Ý sẽ có lá cờ ý đằng trước nhưng khi chèn hình ảnh… Đọc thêm »

Bài viết liên quan

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong trang danh sách sản phẩm

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong trang danh sách sản phẩm

19 - 10 - 2021

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong các trang danh sách sản phẩm Đã có một vài...

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

29 - 09 - 2021

Làm thế nào để hợp nhất giỏ hàng WooCommerce với trang thanh toán? Một số người rất cần hợp nhất...

Hiển thị danh mục sản phẩm woocommerce

Hiển thị danh mục sản phẩm woocommerce

08 - 06 - 2021

Hiển thị danh mục sản phẩm woocommerce như thế nào? Chắc hẳn đôi khi chúng ta muốn tùy chỉnh...

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

05 - 06 - 2021

Cách hiển thị star rating woocommerce như thế nào ? Trở ngại lớn nhất với các website bán hàng trực...

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

27 - 04 - 2021

Ngày dự kiến sản phẩm woocommerce như thế nào? Vd thứ Hai trước 16:00 – đoạn mã này được in...

Thay chữ Sale thành % giảm giá trong woocommerce

Thay chữ Sale thành % giảm giá trong woocommerce

19 - 04 - 2021

Thay Sale thành % giảm giá woocommerce? Nhiều khi chúng ta không muốn hiển thị chữ SALE khi sản phẩm...

1
0
Would love your thoughts, please comment.x
()
x