Giải thích về điều kiện cho Layer

Bạn có thể đặt điều kiện cho một layer chỉ xuất hiện nếu một layer khác đáp ứng một tiêu chí nào đó.

Hướng dẫn cách sử dụng tính năng

Hãy nhìn vào ví dụ sau đây:

• Layer A có tên là " Dark Hand" được setting là "1 clipart category" và nó cho phép khách hàng lựa chọn giữa 2 phong thái bàn tay:

• Layer B có tên là "Drink" được chọn là "1 clipart category", và nó cho phép khách hàng lựa chọn giữa các loại đồ uống khác nhau:

• Nếu bạn muốn lựa chọn "Drink" chỉ xuất hiện khi khách hàng chọn Layer Hand có hình bàn tay cầm cốc, thì hãy làm như sau:

1. Bấm vào Layer "Drink"
2. Cuộn xuống và bấm vào Conditional settings ở khung cài đặt bên trái.
3. Trong phần "Show this layer and its options when:" , hãy chọn Clipart mà bạn dùng cho Layer " Dark Hand"
4. Chọn Clipart có hình bàn tay cầm cốc

Ngoài ra, nếu bạn muốn mặc định hiển thị layer "Drink" khi khách hàng vừa mới bấm vào trang Product Page, bạn có thể bật công tắc ** "Show this layer on first load" **. Khi đó, ngay cả khi khách hàng chưa tùy chỉnh đến lựa chọn cho hình bàn tay, Layer "Drink" vẫn sẽ được hiện.

Đây là ví dụ trên Storefront của bạn:

Đặt điều kiện cho nhiều Layers

Nếu có trường hợp bạn cần phải tạo nhiều điều kiện cho một layer, ví dụ sau đây sẽ giúp bạn:

Vui lòng tham khảo các bước dưới đây:

• Tải lên hình ảnh cho Dog Quote :

• Trong trường hợp này, bạn cần dùng điều kiện "AND":

• Đặt điều kiện tương ứng với chú chó bên trái trước:

_(Bây giờ, Quote sẽ hiển thị nếu Pet ở bên trái được chọn là Dog. Nhưng bạn cũng sẽ cần áp dụng tương tự cho Dog ở bên phải) _

• Đặt điều kiện tiếp theo bằng cách chọn nút +Add conditions:

• Tiếp tục thêm vào các điều kiện như dưới đây:

Sử dụng Text Layer làm điều kiện

Bước 1. Chọn Text Layer làm nguồn điều kiện

• Chọn Layer bạn muốn hiển thị hoặc ẩn, vào Conditional settings > Add condition, sau đó chọn Layer Single-line Text hoặc Curve Text làm nguồn điều kiện.

Bước 2. Chọn điều kiện so khớp và nhập giá trị

• Chọn một điều kiện so khớp cụ thể ở bên trái, sau đó nhập giá trị tương ứng vào trường Enter text.

Các điều kiện so khớp có thể sử dụng:

• is / is not
• starts with / ends with
• contains / does not contain
• is empty / is not empty

Một số câu hỏi thường gặp

Giá trị được so khớp như thế nào?

1. Không phân biệt chữ hoa, chữ thường: david, David và DAVID được xem là giống nhau.
2. Khoảng trắng: Các khoảng trắng ở đầu và cuối nội dung sẽ bị bỏ qua. Ví dụ, David được xem là David. Khoảng trắng giữa các từ vẫn được giữ nguyên, vì vậy Mary Ann vẫn là Mary Ann.
3. Dấu và ký tự có dấu: Hệ thống có phân biệt dấu. Ví dụ, khi sử dụng điều kiện starts with, Ánh không khớp với A.

Điều gì xảy ra khi khách hàng chưa nhập nội dung?

Khi khách hàng mở trang sản phẩm lần đầu, hệ thống sẽ kiểm tra theo thứ tự sau:

1. Có nội dung được điền sẵn không?

Nếu bật Prefill default text to customer's input, nội dung được điền sẵn sẽ được xem như giá trị khách hàng đã nhập. Khi đó, hệ thống sẽ kiểm tra điều kiện dựa trên giá trị này.

2. Trường nhập liệu có đang để trống không?

Nếu khách hàng chưa nhập nội dung hoặc chỉ nhập khoảng trắng, Layer có điều kiện sẽ tuân theo thiết lập Show this layer on first load:

• Bật (On): Layer được hiển thị trong bản xem trước.
• Tắt (Off): Layer bị ẩn.

Trong cả hai trường hợp, Layer nguồn được dùng làm điều kiện vẫn sẽ bị ẩn cho đến khi điều kiện được thỏa mãn.

Cập nhật vào: 23/10/2026