Cách đặt giá mặc định cho sản phẩm có nhiều biến thể trong Woocommerce chi tiết A-Z

Khi đăng bán các sản phẩm có nhiều biến thể trong Woocommerce, việc đặt giá cho từng biến thể có thể trở nên khó khăn và tốn nhiều thời gian. Tuy nhiên, không phải ai cũng biết rằng Woocommerce cung cấp tính năng đặt giá mặc định cho sản phẩm đó khi chưa chọn biến thể nào. Vậy làm sao để sử dụng tính năng này một cách hiệu quả? Trong bài viết này, Tino Group sẽ hướng dẫn bạn cách đặt giá mặc định cho sản phẩm có nhiều biến thể trong Woocommerce chi tiết A-Z.

Thuộc tính và biến thể trong Woocommerce là gì?

Định nghĩa thuộc tính và biến thể trong Woocommerce

Trong Woocommerce, thuộc tính là các đặc tính của sản phẩm như màu sắc, kích thước, chất liệu, thương hiệu,… và có thể được tạo và quản lý trực tiếp trên trang sản phẩm của Woocommerce. Khi tạo một sản phẩm, bạn có thể thêm các thuộc tính và chỉ định các giá trị cho từng thuộc tính. Các thuộc tính này sẽ giúp bạn quản lý sản phẩm một cách chuyên nghiệp hơn và giúp khách hàng tìm kiếm sản phẩm dễ dàng hơn.

Biến thể sản phẩm là các phiên bản khác nhau của sản phẩm với các thuộc tính và giá trị khác nhau, chẳng hạn như màu sắc, kích thước, vật liệu, giá cả,… Mỗi biến thể sẽ có giá, hình ảnh, mô tả riêng biệt và được quản lý dễ dàng trong giao diện quản trị sản phẩm của Woocommerce. Việc tạo các biến thể sản phẩm giúp bạn cung cấp cho khách hàng của mình nhiều lựa chọn sản phẩm hơn cũng như giúp khách hàng chọn sản phẩm phù hợp với nhu cầu của họ.

Cách tạo thuộc tính và biến thể sản phẩm trong Woocommerce

Bước 1: Tại trang quản lý cửa hàng, bạn nhấn vào tab Sản phẩm -> Các thuộc tính

Bước 2: Tại giao diện thêm thuộc tính, bạn sẽ nhập các thông tin như sau:

• Tên: Tên thuộc tính
• Đường dẫn tĩnh: Để trống (Woocommerce sẽ tự tạo cho bạn)
• Loại: Chọn 1 trong 3 loại sau: UX Color (Màu sắc), UX Image (Hình ảnh) và Label (Hiển thị tiêu đề, chữ).
• Sắp xếp mặc định: Để trống

Sau khi nhập xong, bạn ấn Thêm thuộc tính để tạo thuộc tính cho sản phẩm Woocommerce.

Giả sử, Tino Group sẽ tạo các biến thể cho thuộc tính màu sắc.

Bước 3: Nhấn vào thuộc tính đó để tạo các biến thể

Giả sử, bạn cần tạo 3 biến thể là xanh, đỏ và vàng. Bạn sẽ nhập tên màu sắc rồi chọn màu (đường dẫn và mô tả có thể bỏ trống). Sau đó, nhấn Thêm mới màu sắc.

Hướng dẫn cách đặt giá mặc định cho sản phẩm có nhiều biến thể trong Woocommerce

Cách tạo sản phẩm có biến thể theo thuộc tính

Bước 1: Với thuộc tính và biến thể đã tạo ở trên, bạn cần tạo sản phẩm bằng cách truy cập Sản phẩm -> Thêm mới

Bước 2: Nhập tên sản phẩm và mô tả (nếu có). Tiếp theo, kéo xuống dưới và chọn mục Các thuộc tính.

Bước 3: Nhấn Create new attribute rồi chi chuyển lên mục Dữ liệu sản phẩm -> Sản phẩm có biến thể.

Tại mục Tùy chỉnh thuộc tính sản phẩm, bạn chọn thuộc tính đã tạo ở trên (ví dụ Màu sắc) rồi nhấn Thêm.

Bạn có thể xóa đi phần Custom Attribute và chỉ để lại thuộc tính Màu sắc.

Bước 4: Tại trường Giá trị (s), bạn chọn các biến thể đã tạo cho thuộc tính màu sắc ở trên. Có thể nhấn Chọn tất cả để chọn nhanh các biến thể.

Nhấn Lưu thuộc tính để lưu lại thiết lập.

Bước 5: Nhấn qua tab Các biến thể rồi nhấn vào mục Thêm biến thể -> chọn Tạo biến thể từ tất cả các thuộc tính -> nhấn Đi.

Cách đặt giá mặc định cho sản phẩm có nhiều biến thể

Bước 1: Tại bước thiết lập giá, bạn hãy nhập giá cho từng biến thể, bao gồm giá thường và giá khuyến mãi (nếu có).

Bước 2: Sau khi nhập xong giá, bạn kéo lên trên và nhấn vào mục Giá trị form mặc định. Tại đây, bạn chọn giá của biến thể nào sẽ hiển thị mặc định khi khách hàng nhấn vào sản phẩm.

Cuối cùng, nhấn Lưu thay đổi -> Lưu nháp hoặc Đăng để hoàn tất.

Giả sử, Tino Group sẽ chọn màu vàng làm giá mặc định. Khi khách hàng nhấn vào sản phẩm, kết quả sẽ hiển thị như sau:

Tuy nhiên, WordPress sẽ hiển thị 2 vị trí giá là giá thấp nhất trong số các biến thể và giá của biến thể được chọn như hình trên. Vậy làm thế nào để chỉ hiển thị 1 mức giá của biến thể được chọn?

Tino Group sẽ giới thiệu cho bạn đoạn code giúp rút ngắn lại như sau:

// Woofocus - show variation price on pricing area snippet starts here

add_action( 'woocommerce_short_description', 'wf_move_variations_single_price', 1 );

function wf_move_variations_single_price(){

 global $product, $post;

 if ( $product->is_type( 'variable' ) ) {

 add_action( 'woocommerce_short_description', 'wf_replace_variation_single_price', 10 );

 }

}

function wf_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

}

// Woofocus - show variation price on pricing area snippet ends here

Sau khi chèn code, bạn sẽ chỉ còn hiển thị một giá trên website.

Trên đây là những thông tin cần biết về cách đặt giá mặc định cho sản phẩm có nhiều biến thể trong Woocommerce. Bằng cách đặt giá mặc định cho sản phẩm, bạn cũng sẽ tăng tính linh hoạt trong việc quản lý sản phẩm của mình. Hy vọng bài viết sẽ giúp bạn nâng cao hiệu quả kinh doanh trên Woocommerce. Chúc bạn thành công!

Những câu hỏi thường gặp