Giới thiệu

Người dùng có thể cấu hình các thuộc tính biến thể của sản phẩm (màu sắc và kích thước) trong Admin, để khách hàng có nhiều lựa chọn khi mua sắm trực tuyến, đồng thời quản lý tồn kho, giá và hiển thị chính xác trên giao diện website.

Khái niệm về "Biến thể sản phẩm là gì?"

Một sản phẩm trong Retail có thể có nhiều biến thể khác nhau, ví dụ Nước ngọt CocaCola có thể có:
-Nhiều màu sắc (ví dụ: đỏ, xanh)
-Nhiều kích thước (ví dụ: S, M, L)
👉Mỗi biến thể có thể khác nhau về giá, tồn kho, và hình ảnh để đáp ứng đa dạng nhu cầu người mua.

Hướng dẫn sử dụng

Truy cập vào phần quản lý màu sắc, kích thước của sản phẩm

1.png
Trong admin Retail,bạn mở mục E-Commerce → Các sản phẩm.Chọn sản phẩm cần cấu hình biến thể.Ở trang Chi tiết sản phẩm, bạn sẽ thấy các phần liên quan đến biến thể như:
✔ Các kích thước
✔ Các màu sắc
✔ Hình ảnh đại diện & bảng mô tả sản phẩm

Thêm mới kích thước

2.png
Tại mục Các kích thước, bạn sẽ thấy ô nhập liệu.Nhập các kích thước mà bạn muốn phân loại, ngăn cách nhau bằng dấu phẩy, ví dụ:S,M,L,XL,...Nhấn Lưu để ghi nhận các giá trị kích thước này.
📌 Lưu ý: Việc nhập nhiều giá trị cùng lúc giúp bạn nhanh chóng tạo danh sách biến thể.

Thêm mới màu sắc

3.png
4.png
Tại mục Các màu sắc, bạn nhấp “Thêm màu” để mở cửa sổ pop-up thêm màu mới.Trong pop-up Thêm màu sản phẩm mới:
-Các màu có sẵn: bạn có thể chọn một màu đã tạo nếu đã tồn tại từ trước.
-Tên: nhập tên kỹ thuật cho màu (slug dùng trong hệ thống).
-Tên hiển thị: tên màu mà khách hàng sẽ thấy.
-Mã màu: nhập mã hex, ví dụ "#FF0000" cho màu đỏ.
-Số lượng sản phẩm: nếu bạn quản lý tồn kho theo màu sắc riêng (tuỳ chọn).
📌Nhấn Thêm để lưu màu sắc mới.

Cách sử dụng biến thể (kết hợp Màu & Kích thước)

5.png
Sau khi đã thêm kích thước và màu sắc cho sản phẩm, bạn có thể:
✔ Cập nhật giá, số lượng tồn kho, và đơn vị cho từng biến thể riêng biệt trong bảng cấu hình.
✔ Thêm hình ảnh minh hoạ riêng cho từng biến thể nếu cần.
✔ Đảm bảo rằng mỗi biến thể có trạng thái Đã xuất bản để hiển thị đúng trên website.

Hiển thị trên website Retail

Khi khách hàng truy cập trang sản phẩm trên website Retail:
✔ Các tuỳ chọn màu sắc và kích thước sẽ được hiển thị dạng dropdown, swatch màu hoặc button.
✔ Khách có thể chọn kết hợp biến thể (ví dụ: màu đỏ – size M).
✔ Giá và số lượng tồn kho sẽ thay đổi tương ứng với biến thể được chọn.
👉 Việc này giúp khách hàng hiểu rõ ràng hơn lựa chọn mà họ muốn mua và giảm nhầm lẫn khi sản phẩm có nhiều biến thể khác nhau.

Lưu ý

✔Hãy đặt tên rõ ràng (S, M, L, Đỏ, Xanh) để người mua dễ phân biệt và chọn lựa.
✔Nhập mã Hex chính xác (ví dụ: "#FF0000") để giao diện swatch màu hiển thị chuẩn trên website.
✔Theo dõi tồn kho từng biến thể riêng để tránh hết hàng khi khách chọn một color/size cụ thể.
✔Đảm bảo giá mỗi biến thể đúng nếu biến thể có giá khác với sản phẩm gốc.