Hướng dẫn đăng sản phẩm có biến thể trong Woocommerce

Bước 1: Kích Hoạt Cài Đặt Nhiều Biến Thể

  1. Truy cập vào Admin > Flatsome > Advanced > WooCommerce.
  2. Tích vào ô Variation Swatches và nhấn Lưu Cài Đặt.

 

Bước 2: Tạo Thuộc Tính Cho Sản Phẩm

  1. Truy cập Admin > Sản phẩm > Các Thuộc Tính.
  2. Tạo thuộc tính cho sản phẩm, chẳng hạn như trọng lượng, dung tích, màu sắc, kích cỡ, chất liệu, thương hiệu, v.v. Các thuộc tính này có thể ảnh hưởng đến giá hoặc bạn muốn phân loại sản phẩm thành các phiên bản khác nhau để khách hàng lựa chọn.

Cấu Hình Các Thuộc Tính:

  • Tên: Nhập tên thuộc tính, ví dụ như “Màu sắc”, “Kích cỡ”.
  • Đường dẫn tĩnh: Bạn có thể bỏ qua mục này.
  • Cho phép lưu trữ: Tích vào ô này nếu bạn muốn lưu thuộc tính để sử dụng nhiều lần.
  • Loại: Chọn loại thuộc tính phù hợp:
    • UX Color: Dành cho thuộc tính màu sắc.
    • UX Image: Dành cho thuộc tính hình ảnh.
    • UX Label: Dành cho thuộc tính dạng chữ (text).
  • Swatch size: Chỉnh sửa kích thước hiển thị thuộc tính trên trang chi tiết sản phẩm (bỏ qua để tinh chỉnh sau).
  • Swatch shape: Chỉnh sửa kiểu hình dạng của thuộc tính hiển thị trên trang chi tiết sản phẩm (bỏ qua để tinh chỉnh sau).
  • Use variation images: Chọn ô này nếu bạn muốn sử dụng ảnh của thuộc tính để hiển thị.

đăng sản phẩm có biến thể trong Woocommerce 1`

Bước 3: Cấu Hình Chủng Loại Thuộc Tính Sản Phẩm

  1. Sau khi tạo thuộc tính, bạn có thể bấm vào để thêm các thuộc tính cho sản phẩm. Ví dụ, khi thêm thuộc tính “Màu sắc”, phần UX Color sẽ cho phép bạn chọn màu sắc của thuộc tính đó, tương tự với UX Label (chữ) và UX Image (hình ảnh).

đăng sản phẩm có biến thể trong Woocommerce 2

 

Với dạng sản phẩm đơn giản nếu bạn dùng UX Image thì tại phần Cấu hình chủng loại của thuộc tính sản phẩm bạn cần chọn mình ảnh cho từng thuộc tính.

Với dạng sản phẩm có biến thể thì các thuộc tính bạn tạo sẽ được lấy thông tin, hình ảnh từ phần Các biến thể, ví dụ dưới đây là cài đặt cơ bản

đăng sản phẩm có biến thể trong Woocommerce 3

đăng sản phẩm có biến thể trong Woocommerce 4

Phần Màu sắc để dạng UX Image

Phần Size mình để dạng UX Label

Và đây là kết quả

đăng sản phẩm có biến thể trong Woocommerce 6

Nếu bạn muốn hiển thị thuộc tính màu sắc hoặc bất cứ thuộc tính nào khác như thế này:

đăng sản phẩm có biến thể trong Woocommerce 7

Bạn làm như sau nhé: Giao diện > Tùy biến > Woocommerce > Danh mục sản phẩm

Kéo xuống đến phần Swatches và cấu hình như mình là sẽ được như bên trên.

đăng sản phẩm có biến thể trong Woocommerce 8

 

 

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

.
.
.
.