Tính năng Thêm Nhanh vào Giỏ Hàng từ Bảng Màu
Tính năng Thêm nhanh vào giỏ hàng cho phép khách hàng nhanh chóng tìm kiếm và chọn các SKU thông qua bảng màu và thêm chúng vào giỏ hàng một cách hiệu quả. Hiện tại, tính năng này được hỗ trợ bởi các chủ đề sau: Charm và Modern.
Hiển thị hiệu ứng
-
Khi SKU được chọn, hình ảnh tương ứng cho màu đó sẽ được hiển thị.
-
Di chuột qua thẻ sản phẩm sẽ hiển thị các biến thể khác, chẳng hạn như biến thể kích thước, trong hình ảnh.
- Nhấp vào một biến thể kích thước sẽ trực tiếp thêm biến thể đó vào giỏ hàng.
Các bước cấu hình
- Trên trang quản lý sản phẩm, thiết lập các sản phẩm đa biến thể. Các sản phẩm hỗ trợ tính năng Thêm nhanh vào giỏ hàng cần phải đáp ứng hai yêu cầu đồng thời:
- Sản phẩm phải có một biến thể màu cho một kiểu nhất định; nếu ngôn ngữ ở phía khách hàng là tiếng Anh, tên biến thể cần phải là "color".
-
Sản phẩm chỉ có thể có hai biến thể sản phẩm (nếu có nhiều hơn hai biến thể sản phẩm, chỉ bảng màu sẽ được hiển thị, nút
Thêm nhanh vào giỏ hàng sẽ không được hiển thị)
- Phương pháp hiển thị bảng màu: Bảng màu được hiển thị theo thứ tự của các biến thể màu. Nó khớp với màu dựa trên các từ tiếng Anh (hỗ trợ chữ hoa và chữ thường). Nếu tìm thấy sự khớp, màu cụ thể sẽ được chọn; nếu không tìm thấy sự khớp, một hình ảnh/màu dự phòng sẽ được hiển thị.
-
Trong Cài đặt chủ đề > Sản phẩm, bật Thêm nhanh vào giỏ hàng. Sau khi bật, các biến thể màu sẽ được hiển thị dưới dạng bảng màu, và các thuộc tính của biến thể khác sẽ được hiển thị khi di chuột qua thông tin sản phẩm. Khách hàng có thể nhanh chóng thêm sản phẩm vào giỏ hàng ngay khi họ đã chọn màu và thuộc tính của biến thể khác.
Lưu ý: Phương pháp hiển thị bảng màu trên trang chi tiết sản phẩm cần được thiết lập trong cấu hình trang chi tiết sản phẩm.
- Bạn cũng có thể cấu hình các kiểu sau:
- Kiểu bảng màu: Hình vuông, Hình tròn hoặc Hình chữ nhật bo góc
- Số lượng màu tối đa hiển thị: 1-6 (các màu vượt quá số lượng hiển thị tối đa sẽ hiển thị +N, trong đó N bằng số lượng giá trị màu sản phẩm trừ đi số lượng hiển thị tối đa).
- Kiểu hiển thị thẻ màu: Hiển thị chỉ 1 dòng, Vuốt trái và phải hoặc Hiển thị theo kiểu gạch
- Kích thước hiển thị: Nhỏ, Trung bình hoặc Lớn
Bảng tham khảo màu sắc
Màu tiêu chuẩn
| Từ khóa |
Mã màu HEX |
Ví dụ |
|---|---|---|
đen |
#000000 |
|
bạc |
#c0c0c0 |
|
xám |
#808080 |
|
trắng |
#ffffff |
|
đỏ nâu |
#800000 |
|
đỏ |
#ff0000 |
|
tím |
#800080 |
|
hồng |
#ff00ff |
|
xanh lá cây |
#008000 |
|
xanh chanh |
#00ff00 |
|
xanh ô liu |
#808000 |
|
vàng |
#ffff00 |
|
xanh hải quân |
#000080 |
|
xanh dương |
#0000ff |
|
xanh lam |
#008080 |
|
nước |
#00ffff |
Màu khác
| Từ khóa |
Mã màu HEX |
Ví dụ |
|---|---|---|
xanh nhạt |
#f0f8ff |
|
trắng cổ điển |
#faebd7 |
|
nước |
#00ffff |
|
ngọc bích |
#7fffd4 |
|
xanh da trời |
#f0ffff |
|
beige |
#f5f5dc |
|
bisque |
#ffe4c4 |
|
đen |
#000000 |
|
hạnh nhân nhạt |
#ffebcd |
|
xanh dương |
#0000ff |
|
xanh tím |
#8a2be2 |
|
nâu |
#a52a2a |
|
gỗ bạch dương |
#deb887 |
|
xanh lam |
#5f9ea0 |
|
xanh chanh |
#7fff00 |
|
sô cô la |
#d2691e |
|
san hô |
#ff7f50 |
|
hoa cúc xanh |
#6495ed |
|
lụa ngô |
#fff8dc |
|
đỏ thẫm |
#dc143c |
|
xanh lam (giống như nước) |
#00ffff |
|
xanh đậm |
#00008b |
|
xanh lam đậm |
#008b8b |
|
vàng đậm |
#b8860b |
|
xám đậm |
#a9a9a9 |
|
xanh lá đậm |
#006400 |
|
xám |
#a9a9a9 |
|
xanh ô liu đậm |
#bdb76b |
|
tím đậm |
#8b008b |
|
xanh ô liu đậm |
#556b2f |
|
cam đậm |
#ff8c00 |
|
hoa lan đậm |
#9932cc |
|
đỏ đậm |
#8b0000 |
|
hồng cá hồi đậm |
#e9967a |
|
xanh biển đậm |
#8fbc8f |
|
xanh đen đậm |
#483d8b |
|
xanh xám đậm |
#2f4f4f |
|
xanh xám đậm |
#2f4f4f |
|
xanh ngọc đậm |
#00ced1 |
|
tím đậm |
#9400d3 |
|
hồng đậm |
#ff1493 |
|
xanh da trời đậm |
#00bfff |
|
xám đậm |
#696969 |
|
xám nhạt |
#696969 |
|
xanh dương sáng |
#1e90ff |
|
gạch lửa |
#b22222 |
|
trắng hoa |
#fffaf0 |
|
xanh rừng |
#228b22 |
|
hồng |
#ff00ff |
|
gainsboro |
#dcdcdc |
|
ghostwhite |
#f8f8ff |
|
vàng |
#ffd700 |
|
goldenrod |
#daa520 |
|
xám |
#808080 |
|
xanh lá cây |
#008000 |
|
vàng xanh |
#adff2f |
|
xám (cùng với xám) |
#808080 |
|
mật ong |
#f0fff0 |
|
hồng nóng |
#ff69b4 |
|
đỏ Ấn Độ |
#cd5c5c |
|
chàm |
#4b0082 |
|
ngà |
#fffff0 |
|
màu kaki |
#f0e68c |
|
hoa oải hương |
#e6e6fa |
|
hoa oải hương hồng |
#fff0f5 |
|
xanh cỏ |
#7cfc00 |
|
vải chanh |
#fffacd |
|
xanh da trời nhạt |
#add8e6 |
|
đỏ nhạt |
#f08080 |
|
xanh da trời nhạt |
#e0ffff |
|
vàng nhạt |
#fafad2 |
|
xám nhạt |
#d3d3d3 |
|
xanh lá nhạt |
#90ee90 |
|
xám nhạt |
#d3d3d3 |
|
hồng nhạt |
#ffb6c1 |
|
cá hồi nhạt |
#ffa07a |
|
xanh biển nhạt |
#20b2aa |
|
xanh da trời nhạt |
#87cefa |
|
xám xanh nhạt |
#778899 |
|
xám xanh nhạt |
#778899 |
|
xanh thép nhạt |
#b0c4de |
|
vàng nhạt |
#ffffe0 |
|
xanh chanh |
#00ff00 |
|
xanh chanh đậm |
#32cd32 |
|
linen |
#faf0e6 |
|
magenta (cùng với fuchsia) |
#ff00ff |
|
maroon |
#800000 |
|
mediumaquamarine |
#66cdaa |
|
mediumblue |
#0000cd |
|
mediumorchid |
#ba55d3 |
|
mediumpurple |
#9370db |
|
xanh lá cây trung bình |
#3cb371 |
|
xanh lam trung bình |
#7b68ee |
|
xanh lá cây xuân trung bình |
#00fa9a |
|
xanh ngọc trung bình |
#48d1cc |
|
đỏ tím trung bình |
#c71585 |
|
xanh đen giữa đêm |
#191970 |
|
kem bạc hà |
#f5fffa |
|
hồng nhạt |
#ffe4e1 |
|
moccasin |
#ffe4b5 |
|
trắng navajo |
#ffdead |
|
hải quân |
#000080 |
|
ren lace cũ |
#fdf5e6 |
|
olive |
#808000 |
|
olivedrab |
#6b8e23 |
|
cam |
#ffa500 |
|
đỏ cam |
#ff4500 |
|
hoa lan |
#da70d6 |
|
vàng nhạt |
#eee8aa |
|
xanh nhạt |
#98fb98 |
|
xanh ngọc nhạt |
#afeeee |
|
đỏ nhạt |
#db7093 |
|
màu papaya |
#ffefd5 |
|
màu đào |
#ffdab9 |
|
màu peru |
#cd853f |
|
màu hồng |
#ffc0cb |
|
màu mận |
#dda0dd |
|
màu xanh nhạt |
#b0e0e6 |
|
màu tím |
#800080 |
|
tím đậm |
#663399 |
|
đỏ |
#ff0000 |
|
nâu hồng |
#bc8f8f |
|
xanh hoàng gia |
#4169e1 |
|
nâu đậm |
#8b4513 |
|
cá hồi |
#fa8072 |
|
nâu cát |
#f4a460 |
|
xanh biển |
#2e8b57 |
|
vỏ sò |
#fff5ee |
|
nâu đỏ |
#a0522d |
|
bạc |
#c0c0c0 |
|
xanh trời |
#87ceeb |
|
xanh lam |
#6a5acd |
|
xám xanh |
#708090 |
|
xám đá |
#708090 |
|
tuyết |
#fffafa |
|
xanh lá mùa xuân |
#00ff7f |
|
xanh thép |
#4682b4 |
|
nâu vàng |
#d2b48c |
|
xanh lam |
#008080 |
|
cỏ dại |
#d8bfd8 |
|
cà chua |
#ff6347 |
|
ngọc lam |
#40e0d0 |
|
tím |
#ee82ee |
|
lúa mì |
#f5deb3 |
|
trắng |
#ffffff |
|
khói trắng |
#f5f5f5 |
|
vàng |
#ffff00 |
|
vàng xanh |
#9acd32 |
Bài viết này được dịch bằng AI và có thể chứa những thông tin không chính xác. Để có thông tin chính xác nhất, vui lòng tham khảo phiên bản tiếng Anh gốc.