Bộ tuỳ chọn có điều kiện giúp bạn tạo trải nghiệm cá nhân hoá thông minh và linh hoạt hơn cho khách hàng. Với tính năng này, bạn không chỉ điều khiển cách hiển thị các tuỳ chọn tuỳ chỉnh mà còn điều khiển việc tuỳ chọn nào được hiển thị tuỳ theo lựa chọn của khách hàng.

Bộ tuỳ chọn là gì?

Bộ tuỳ chọn là cách mạnh mẽ để sắp xếp và điều khiển các lớp cá nhân hoá trong thiết kế của bạn. Thay vì hiển thị tất cả tuỳ chọn tuỳ chỉnh cùng một lúc, Bộ tuỳ chọn cho phép bạn:

Sắp xếp lại thứ tự hiển thị của các tuỳ chọn
Thay đổi kiểu xem ảnh thu nhỏ để khách hàng có trải nghiệm tốt hơn
Thiết lập logic có điều kiện (hiện/ẩn tuỳ chọn dựa trên nội dung khách hàng nhập)
Thêm phụ phí cho một số tuỳ chọn cụ thể (ví dụ: nâng cấp cao cấp)
Nhóm các tuỳ chọn tuỳ chỉnh liên quan để trình bày gọn gàng hơn

Logic có điều kiện là gì?

Logic có điều kiện cho phép bạn hiện hoặc ẩn các tuỳ chọn dựa trên những lựa chọn trước đó của người dùng. Ví dụ:

Nếu khách hàng chọn bố cục “Dad and Daughter” → chỉ hiển thị các tuỳ chọn nhân vật bé gái
Nếu chọn “Background 1” → hiện ra một bộ tông màu da hoặc trang phục cụ thể

Cách này giữ cho giao diện gọn gàng và phù hợp với nhu cầu của từng người mua, đặc biệt hữu ích với những sản phẩm có mức độ tuỳ chỉnh cao như cốc, poster hoặc quần áo.

Ví dụ thiết lập: thiết kế Dog Dad/Mom

Hãy cùng làm theo một ví dụ thực tế.

1. Lựa chọn giới tính quyết định những gì xuất hiện tiếp theo

Bạn tạo một bộ tuỳ chọn có tên "Choose Gender" với các giá trị:

Man
Woman

Mỗi giá trị kích hoạt một nhóm lớp và tuỳ chọn liên quan khác nhau.

Chọn Man → chỉ hiển thị các lớp liên quan đến nam
Chọn Woman → chỉ hiển thị các lớp liên quan đến nữ

2. Cách thiết lập

Bước 1: Tạo thư mục hoặc ảnh

Vào mục Tài nguyên và tạo một thư mục có tên Choose Gender.
Tải lên hai ảnh (ví dụ: MAN.png và WOMAN.png) nếu dùng Ô mẫu ảnh.

Bước 2: Thêm bộ tuỳ chọn

Mở mẫu của bạn.
Vào tab Bộ tuỳ chọn và bấm Thêm > Ô mẫu ảnh. Bạn cũng có thể dùng Mẫu thư mục, nhưng lưu ý: Ô mẫu ảnh có Layer ID và có thể thể hiện lên thiết kế. Mẫu thư mục chỉ dùng cho mục đích hiển thị có điều kiện (không thể hiện lên chính thiết kế).

Bước 3: Áp dụng logic có điều kiện

Chuyển sang một lớp khác (ví dụ: Man's Eye Color).
Bấm biểu tượng bút chì để sửa.
Cuộn xuống phần Điều kiện.
Bật công tắc điều kiện.
Đặt điều kiện: Hiện tuỳ chọn này khi Choose Gender là MAN.png

Lặp lại thiết lập này cho các tuỳ chọn khác theo lựa chọn giới tính (ví dụ: Woman’s Age Range, Woman’s Eye Color).

Tóm tắt

Bộ tuỳ chọn có điều kiện cho phép bạn:

Điều khiển những gì hiển thị trong luồng thiết kế dựa trên các lựa chọn trước đó
Tạo trải nghiệm tuỳ chỉnh gọn gàng và phù hợp hơn
Tạo logic phức tạp như quan hệ phụ thuộc cha-con trong cá nhân hoá

Với các cấu hình nâng cao hơn (ví dụ: phụ phí add-on hoặc nhóm), hãy xem các bài viết tiếp theo trong mục này.

3. Sửa điều kiện hàng loạt

Khi muốn đặt điều kiện cho nhiều bộ tuỳ chọn cùng lúc, bạn có thể làm hàng loạt thay vì sửa từng bộ một.
Để chọn nhiều bộ tuỳ chọn:

Dùng thanh tìm kiếm để lọc các tuỳ chọn bạn cần, ví dụ tìm "Man" để thấy tất cả bộ tuỳ chọn liên quan đến thiết kế nam.
Giữ Shift, bấm vào bộ tuỳ chọn đầu tiên, rồi bấm vào bộ cuối cùng để chọn toàn bộ các bộ nằm giữa.

Khi đã chọn xong các bộ tuỳ chọn, bấm biểu tượng Thêm điều kiện. Hộp thoại Thêm điều kiện có hai cách làm hàng loạt.

Cách 1: Thêm điều kiện cho từng tuỳ chọn

Cách này áp dụng cùng một điều kiện cho mọi bộ tuỳ chọn đã chọn. Bạn đặt một điều kiện (ví dụ: Hiện tuỳ chọn này khi Choose Gender khớp với "Man"), và điều kiện đó được áp dụng giống hệt nhau cho tất cả các lớp đã chọn.
Dùng cách này khi mọi bộ tuỳ chọn cần tuân theo cùng một quy tắc.

Tuỳ chọn Ghi đè điều kiện hiện có điều khiển cách áp dụng điều kiện hàng loạt mới. Khi bật, mọi điều kiện hiện có trên các bộ tuỳ chọn đã chọn sẽ bị xoá và thay bằng điều kiện mới. Khi tắt, điều kiện mới chỉ được thêm vào và mọi điều kiện hiện có được giữ nguyên.

Cách 2: Thêm điều kiện với một tuỳ chọn duy nhất

Cách này cho phép bạn dùng một tuỳ chọn nguồn làm căn cứ cho tất cả bộ tuỳ chọn đã chọn, nhưng gán giá trị khớp khác nhau cho từng bộ.
Ví dụ, với "Choose Gender" là tuỳ chọn nguồn, bạn có thể đặt "Choose Man's Age Range" hiện khi giá trị là "Man", còn "Choose Woman's Age Range" hiện khi giá trị là "Woman", tất cả được thiết lập trong một hộp thoại.
Dùng cách này khi các bộ tuỳ chọn có cùng điều kiện kích hoạt nhưng mỗi bộ cần phản hồi với một giá trị khác nhau.

Cập nhật ngày: 23/09/2026