Tính Năng Thêm Nhanh Vào Giỏ Hàng Qua Bảng Màu – Help Center (Beta)

Tính năng Bảng màu 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 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 với màu đó sẽ được hiển thị.
Khi 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 sản phẩm đa biến thể. Các sản phẩm hỗ trợ tính năng Bảng màu thêm nhanh vào giỏ hàng cần đồng thời đáp ứng hai yêu cầu sau:

Sản phẩm phải có biến thể màu cho một kiểu dáng 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 là "color".
Sản phẩm chỉ được có hai biến thể sản phẩm (nếu có 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 thức hiển thị bảng màu: Bảng màu được hiển thị theo thứ tự các biến thể màu. Nó khớp màu dựa trên từ tiếng Anh (hỗ trợ chữ hoa và chữ thường). Nếu tìm thấy khớp, màu cụ thể sẽ được chọn; nếu không tìm thấy 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 Bảng màu thêm nhanh vào giỏ hàng. Sau khi bật, các biến thể màu sắc 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ẽ 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 khi đã chọn màu sắc và thuộc tính của biến thể khác.
Lưu ý: Phương thức 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: Vuông, Tròn hoặc Hình chữ nhật bo góc
Số lượng màu hiển thị tối đa: 1-6 (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: Chỉ hiển thị 1 dòng, Vuốt trái phải hoặc Hiển thị dạng lưới
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 Chuẩn

Từ khóa	Mã màu HEX	Ví dụ
`đen`	`#000000`
`bạc`	`#c0c0c0`
`xám`	`#808080`
`trắng`	`#ffffff`
`đỏ đậm`	`#800000`
`đỏ`	`#ff0000`
`tím`	`#800080`
`hồng tím`	`#ff00ff`
`xanh lá cây`	`#008000`
`chanh`	`#00ff00`
`ô liu`	`#808000`
`vàng`	`#ffff00`
`navy`	`#000080`
`blue`	`#0000ff`
`teal`	`#008080`
`aqua`	`#00ffff`

Màu sắc khác

Từ khóa	Mã màu HEX	Ví dụ
`aliceblue`	`#f0f8ff`
`antiquewhite`	`#faebd7`
`aqua`	`#00ffff`
`aquamarine`	`#7fffd4`
`azure`	`#f0ffff`
`beige`	`#f5f5dc`
`bisque`	`#ffe4c4`
`đen`	`#000000`
`blanchedalmond`	`#ffebcd`
`blue`	`#0000ff`
`blueviolet`	`#8a2be2`
`brown`	`#a52a2a`
`burlywood`	`#deb887`
`cadetblue`	`#5f9ea0`
`chartreuse`	`#7fff00`
`chocolate`	`#d2691e`
`coral`	`#ff7f50`
`cornflowerblue`	`#6495ed`
`cornsilk`	`#fff8dc`
`crimson`	`#dc143c`
`cyan` (giống như `aqua`)	`#00ffff`
`xanh lam đậm`	`#00008b`
`xanh lơ đậm`	`#008b8b`
`vàng đậm`	`#b8860b`
`darkgray`	`#a9a9a9`
`darkgreen`	`#006400`
`darkgrey`	`#a9a9a9`
`darkkhaki`	`#bdb76b`
`darkmagenta`	`#8b008b`
`darkolivegreen`	`#556b2f`
`darkorange`	`#ff8c00`
`darkorchid`	`#9932cc`
`darkred`	`#8b0000`
`darksalmon`	`#e9967a`
`darkseagreen`	`#8fbc8f`
`darkslateblue`	`#483d8b`
`darkslategray`	`#2f4f4f`
`darkslategrey`	`#2f4f4f`
`darkturquoise`	`#00ced1`
`darkviolet`	`#9400d3`
`deeppink`	`#ff1493`
`deepskyblue`	`#00bfff`
`dimgray`	`#696969`
`dimgrey`	`#696969`
`dodgerblue`	`#1e90ff`
`firebrick`	`#b22222`
`floralwhite`	`#fffaf0`
`forestgreen`	`#228b22`
`fuchsia`	`#ff00ff`
`gainsboro`	`#dcdcdc`
`ghostwhite`	`#f8f8ff`
`vàng`	`#ffd700`
`vàng gỗ`	`#daa520`
`xám`	`#808080`
`xanh lá cây`	`#008000`
`vàng xanh lá`	`#adff2f`
`xám` (giống như `gray`)	`#808080`
`honeydew`	`#f0fff0`
`hotpink`	`#ff69b4`
`indianred`	`#cd5c5c`
`indigo`	`#4b0082`
`ivory`	`#fffff0`
`khaki`	`#f0e68c`
`lavender`	`#e6e6fa`
`lavenderblush`	`#fff0f5`
`lawngreen`	`#7cfc00`
`lemonchiffon`	`#fffacd`
`lightblue`	`#add8e6`
`lightcoral`	`#f08080`
`lightcyan`	`#e0ffff`
`lightgoldenrodyellow`	`#fafad2`
`lightgray`	`#d3d3d3`
`xanh lục nhạt`	`#90ee90`
`xám nhạt`	`#d3d3d3`
`hồng nhạt`	`#ffb6c1`
`lightsalmon`	`#ffa07a`
`lightseagreen`	`#20b2aa`
`lightskyblue`	`#87cefa`
`lightslategray`	`#778899`
`lightslategrey`	`#778899`
`lightsteelblue`	`#b0c4de`
`lightyellow`	`#ffffe0`
`lime`	`#00ff00`
`limegreen`	`#32cd32`
`linen`	`#faf0e6`
`magenta` (giống với `fuchsia`)	`#ff00ff`
`maroon`	`#800000`
`mediumaquamarine`	`#66cdaa`
`mediumblue`	`#0000cd`
`mediumorchid`	`#ba55d3`
`mediumpurple`	`#9370db`
`mediumseagreen`	`#3cb371`
`mediumslateblue`	`#7b68ee`
`mediumspringgreen`	`#00fa9a`
`mediumturquoise`	`#48d1cc`
`mediumvioletred`	`#c71585`
`midnightblue`	`#191970`
`mintcream`	`#f5fffa`
`mistyrose`	`#ffe4e1`
`moccasin`	`#ffe4b5`
`navajowhite`	`#ffdead`
`navy`	`#000080`
`oldlace`	`#fdf5e6`
`olive`	`#808000`
`olivedrab`	`#6b8e23`
`cam`	`#ffa500`
`cam đỏ`	`#ff4500`
`lan hồ điệp`	`#da70d6`
`palegoldenrod`	`#eee8aa`
`palegreen`	`#98fb98`
`paleturquoise`	`#afeeee`
`palevioletred`	`#db7093`
`papayawhip`	`#ffefd5`
`peachpuff`	`#ffdab9`
`peru`	`#cd853f`
`hồng`	`#ffc0cb`
`mận`	`#dda0dd`
`powderblue`	`#b0e0e6`
`purple`	`#800080`
`rebeccapurple`	`#663399`
`đỏ`	`#ff0000`
`hồng nâu`	`#bc8f8f`
`xanh dương hoàng gia`	`#4169e1`
`saddlebrown`	`#8b4513`
`salmon`	`#fa8072`
`sandybrown`	`#f4a460`
`seagreen`	`#2e8b57`
`seashell`	`#fff5ee`
`sienna`	`#a0522d`
`silver`	`#c0c0c0`
`skyblue`	`#87ceeb`
`slateblue`	`#6a5acd`
`slategray`	`#708090`
`slategrey`	`#708090`
`snow`	`#fffafa`
`springgreen`	`#00ff7f`
`steelblue`	`#4682b4`
`tan`	`#d2b48c`
`teal`	`#008080`
`thistle`	`#d8bfd8`
`tomato`	`#ff6347`
`xanh ngọc lam`	`#40e0d0`
`tím hoa cà`	`#ee82ee`
`màu lúa mì`	`#f5deb3`
`white`	`#ffffff`
`whitesmoke`	`#f5f5f5`
`yellow`	`#ffff00`
`yellowgreen`	`#9acd32`

Bài viết này được dịch bằng AI và có thể chứa những sai sót. Để 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.