Color Categories là gì?

Color Categories là một thư viện tập hợp các lựa chọn về màu sắc có thể được sử dụng để khách hàng thay đổi màu chữ (layer text) trên một design. Khách hàng có thể chọn lựa một màu sắc trong số đó để tùy chỉnh design theo ý họ.

Dưới đây là ví dụ về một color category:

Như vậy, trên live store, khách hàng sẽ được lựa chọn từ những màu sắc có trong category này để thay đổi màu của một layer text:

Cách tạo Color Category

• Từ trang Home, bạn tìm tới page Assets > Color Categories
• Chọn New Category

• Đặt tên cho category này và chọn Create

Thêm Colors (các lựa chọn màu) vào category

• Để thêm màu vào trong category, bạn có thể điền mã màu (color hex) trong ô text box hoặc chọn một màu từ ô vuông color picker. Và chọn Add new

Chỉnh sửa Colors trong category

• Sau khi thêm các màu, cách hiển thị ảnh đại diện mặc định cho các options màu sắc này trên personalization form sẽ dưới dạng **Thumbnail images. **
• Để đổi tên màu, click vào tên màu, mặc định tên màu = mã màu (color hex), sau đó đổi tên, chọn Save để xác nhận.

Tên màu sẽ xuất hiện trên storefront nếu bạn chọn tùy chọn hiển thị là Dropdown list of Option Name hoặc bật toggle Show option name on hover

• Bấm vào nút X để xóa
• Để thay đổi thứ tự các lựa chọn màu sắc, click, giữ chuột và kéo thả đến vị trí theo thứ tự mà bạn muốn.

Sử dụng Color Categories trong Artwork 2.0

Trong Artwork 2.0, hãy thêm một Color Layer vào form cá nhân hóa. Bạn có thể đặt màu mặc định, sau đó truyền màu đã chọn vào một Layer hỗ trợ như Text Layer.

Thêm Color Layer

1. Trong Teeinblue Portal > Artworks, mở một Artwork.
2. Chọn + Layer > Form Elements > Color.

Thiết lập Color option

Bạn có thể tạo Color option riêng cho Artwork hoặc sử dụng Global Color Option có sẵn.

Tạo Color option mới

1. Trong Teeinblue Portal > Artworks > mở Artwork > chọn Color Layer > Personalization Settings, chọn Create a new option.
2. Nhập Option Title.
3. Trong Color options, chọn một trong các loại sau:

• Solid Color category: Chọn một Color Category.

• Color Sequence categories: Chọn một nhóm Color Categories.

• Color picker: Trong Select default value, chọn màu hoặc nhập mã hex.

Để bỏ màu mặc định, chọn Clear default value.

Sử dụng Global Color Option có sẵn

1. Trong Teeinblue Portal > Artworks > mở Artwork > chọn Color Layer > Personalization Settings, chọn Use an existing global option.
2. Trong Select a global option, chọn Color Global Option đã tạo.

Đặt giá trị mặc định cho Global Color Option

1. Trong Teeinblue Portal > Assets > Global Options, tạo mới hoặc mở một Color Global Option.
2. Chọn Solid Color category, Color Sequence hoặc Color picker.
3. Trong Select default value, chọn một màu, một sequence hoặc chọn màu bằng color picker.
4. Chọn Save.

Áp dụng Color option cho Layer khác

1. Trong Teeinblue Portal > Artworks > mở Artwork, chọn Layer mà khách hàng có thể đổi màu, chẳng hạn như Text Layer.
2. Trong Populate Values, bật Populate Color from another option.
3. Trong Select a Color option, chọn Color Layer.
4. Giữ nguyên giá trị {{color}}.

Layer được liên kết sử dụng màu mặc định trước khi khách hàng chọn màu. Nếu khách hàng chọn màu khác, màu họ chọn sẽ thay thế giá trị mặc định.

Kiểm tra kết quả

1. Mở sản phẩm trên storefront đang sử dụng Artwork.
2. Kiểm tra Color option đang hiển thị giá trị mặc định và Layer được liên kết sử dụng màu đó.
3. Chọn màu khác và kiểm tra preview đã cập nhật.

Cập nhật vào: 14/09/2026