Tính Năng Thêm Nhanh Vào Giỏ Hàng Qua Bảng Màu (Chỉ Dành Cho Giao Diện OS 2.1) – 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ả. Tính năng này có sẵn trên tất cả các chủ đề 3.0 và một số chủ đề 2.1 được chọn.

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, các biến thể khác như biến thể kích thước sẽ được hiển thị 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 đáp ứng đồng thời 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ó 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 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 giao diện > 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ẽ đượ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 khi đã chọn màu 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: Hình vuông, Hình 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 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 chiếu 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`
`đỏ đậm`	`#800000`
`đỏ`	`#ff0000`
`tím`	`#800080`
`hồng tím`	`#ff00ff`
`xanh lá cây`	`#008000`
`chanh`	`#00ff00`
`ô liu`	`#808000`
`vàng`	`#ffff00`
`xanh hải quân`	`#000080`
`xanh dương`	`#0000ff`
`xanh lơ`	`#008080`
`xanh nước`	`#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`
`black`	`#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`
`darkblue`	`#00008b`
`darkcyan`	`#008b8b`
`darkgoldenrod`	`#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`
`tím đậm`	`#9400d3`
`hồng đậm`	`#ff1493`
`xanh da trời đậm`	`#00bfff`
`xám đậm`	`#696969`
`dimgrey`	`#696969`
`dodgerblue`	`#1e90ff`
`firebrick`	`#b22222`
`floralwhite`	`#fffaf0`
`rừng xanh`	`#228b22`
`hồng đậm`	`#ff00ff`
`gainsboro`	`#dcdcdc`
`trắng ma`	`#f8f8ff`
`vàng`	`#ffd700`
`vàng gỗ`	`#daa520`
`xám`	`#808080`
`xanh lá cây`	`#008000`
`xanh vàng`	`#adff2f`
`xám` (giống như `gray`)	`#808080`
`mật ong`	`#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`
`vàng nhạt ánh kim`	`#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 trời nhạt`	`#87cefa`
`lightslategray`	`#778899`
`lightslategrey`	`#778899`
`lightsteelblue`	`#b0c4de`
`lightyellow`	`#ffffe0`
`lime`	`#00ff00`
`limegreen`	`#32cd32`
`linen`	`#faf0e6`
`magenta` (giống như `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`
`orangered`	`#ff4500`
`hoa lan`	`#da70d6`
`palegoldenrod`	`#eee8aa`
`palegreen`	`#98fb98`
`paleturquoise`	`#afeeee`
`palevioletred`	`#db7093`
`papayawhip`	`#ffefd5`
`peachpuff`	`#ffdab9`
`peru`	`#cd853f`
`pink`	`#ffc0cb`
`mận`	`#dda0dd`
`xanh lam phấn`	`#b0e0e6`
`tím`	`#800080`
`tím rebeccapurple`	`#663399`
`đỏ`	`#ff0000`
`hồng nâu`	`#bc8f8f`
`xanh dương hoàng gia`	`#4169e1`
`nâu yên ngựa`	`#8b4513`
`salmon`	`#fa8072`
`sandybrown`	`#f4a460`
`seagreen`	`#2e8b57`
`seashell`	`#fff5ee`
`sienna`	`#a0522d`
`bạc`	`#c0c0c0`
`xanh da trời`	`#87ceeb`
`xanh lam đá phiến`	`#6a5acd`
`xám đá phiến`	`#708090`
`xám đá phiến`	`#708090`
`tuyết`	`#fffafa`
`xanh lục xuân`	`#00ff7f`
`steelblue`	`#4682b4`
`tan`	`#d2b48c`
`teal`	`#008080`
`thistle`	`#d8bfd8`
`cà chua`	`#ff6347`
`ngọc lam`	`#40e0d0`
`tím hoa cà`	`#ee82ee`
`lúa mì`	`#f5deb3`
`trắng`	`#ffffff`
`trắng khói`	`#f5f5f5`
`vàng`	`#ffff00`
`vàng lục`	`#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.