Bài viết này cũng có sẵn trong:

Thêm Điều kiện cho Layer

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 đó.

Ví dụ: Layer B và các cliparts của nó sẽ chỉ xuất hiện nếu khách hàng lựa chọn một clipart cụ thể nào đó trong Layer A.

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 setting 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:

Bấm vào Layer "Drink"
Cuộn xuống và bấm vào Conditional settings ở khung cài đặt bên trái.
Trong phần "Show this layer and its options when:" , hãy chọn Clipart mà bạn dùng cho Layer " Dark Hand"
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:

Bạn cũng có thể sử dụng tính năng Condition cho lựa chọn "1 Group of Clipart Categories". Đối với các clipart categories, bạn có thể lựa chọn condition phụ thuộc vào các sub-categories khác nhau.

Đặ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:

Trong ví dụ trên, một câu Quote cụ thể sẽ xuất hiện khi lựa chọn vật nuôi "Pet" bên trái và bên phải cùng là "Dog"

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":

Bạn có thể sử dụng điều kiện AND khi bạn muốn một hình ảnh/ layer xuất hiện khi khi tất cả các tiêu chí đã setup được đáp ứng. Nếu bất kỳ điều kiện nào không được đáp ứng, hình ảnh/layer sẽ không được hiển thị.

Đặ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:

Bạn đã hoàn thành việc setup hiện thị hình ảnh Dog Quote khi khách hàng chọn Dog cho 2 bên lựa chọn.

Cập nhật vào: 30/10/2024

Bài viết có hữu ích không?

Cảm ơn!