Bạn có thể đặt điều kiện ẩn hoặc hiện cho từng mục menu riêng lẻ. Nhờ vậy, chỉ cần một menu là đủ dùng cho nhiều nhóm khách. Ví dụ: mục “Giá sỉ” chỉ hiện với khách có tag riêng, bạn không cần tạo thêm menu thứ hai.
Khác gì với quy tắc hiển thị của cả menu?
- Quy tắc của cả menu ở bước Configure quyết định toàn bộ thanh menu có hiện trên trang hay không.
- Quy tắc của từng mục trong bài này chỉ ẩn hoặc hiện riêng một dòng bên trong menu đang mở.
Hai nơi này dùng chung một bộ điều kiện. Nếu muốn xem kỹ cách hoạt động của từng điều kiện, bạn đọc thêm bài Quy tắc hiển thị của menu.
Cách đặt quy tắc cho một mục menu
-
Ở bước Build Menu, bấm vào tên mục bạn muốn chỉnh để mở bảng Edit item.
‹ BackEdit itemORUpload small image (as icon)jpg, png, svg, webp…Basic infoTextLanguage ShopLink to Auto-clean URLLanguage collections/allAdd dividerAdd badgeSub text (optional)Language E.g. Free shipping over $50LayoutDisplay layoutAUTOICON + TEXTTEXT ▸IMAGETEXT ONLYWidth layoutAutomaticStyleFollows the menu's styleCustomizeVisibilityShowing under all conditionsEdit rulesSubmenuAdvancedNút nằm ở mục Visibility, cuối bảng Edit item -
Cuộn xuống cuối bảng đến phần Visibility, rồi bấm Setup the Visibility rules. Dòng chữ nhỏ cạnh nút sẽ báo cho bạn biết mục này đang hiện ở mọi nơi như “Showing under all conditions” hay đã gắn quy tắc riêng.
-
Chọn các điều kiện bạn muốn, bấm Apply, rồi bấm Save để lưu menu.
Visibility RulesControl when and to whom this item is shown. See detailBasicIs publishedHide when logged inOnly show when logged in1Hiện hay ẩnDevice BusinessAll devices2Thiết bịPage / URLHomeProductsCollectionsPagesBlogsOthersLeave all unchecked to allow every page type.E.g: 'snowboard-hydrogen' → item ONLY shows on URLs containing that keywordE.g: 'multi-location' → item will NOT show on URLs containing that keyword3Loại trang, từ khoáCancelApply4Bấm Apply
Các quy tắc cơ bản
Trong nhóm Basic, bạn có 3 lựa chọn nhanh:
- Is published: tắt nút này thì mục menu sẽ ẩn hoàn toàn ở mọi nơi.
- Hide when logged in: ẩn mục này khi khách đã đăng nhập tài khoản.
- Only show when logged in: chỉ hiện mục này cho khách đã đăng nhập.
Tiếp theo, bạn chọn nơi mục menu được phép xuất hiện theo thiết bị và trang:
- Device: chọn Desktop only để chỉ hiện trên máy tính, Mobile only để chỉ hiện trên điện thoại, hoặc để hiện trên mọi thiết bị.
- Page / URL: tích chọn loại trang bạn muốn hiện như Home, Collections, Products, Pages, Blogs, Others, hoặc nhập từ khoá có trong đường dẫn trang. Nếu bạn không tích ô nào, mục này sẽ hiện ở tất cả các trang.
Các quy tắc nâng cao
| Điều kiện | Dùng để |
|---|---|
| Cart contents | Hiện hoặc ẩn mục khi trong giỏ hàng có từ một số lượng sản phẩm nhất định trở lên |
| Schedule | Chỉ hiện mục trong khoảng ngày giờ đã hẹn. Quy tắc tạo mới sẽ lấy theo múi giờ trình duyệt của bạn, trên app có ghi rõ như GMT+7 rồi tự đổi sang giờ UTC. Các quy tắc tạo từ trước vẫn tính theo giờ UTC |
| Market / Country | Hiện hoặc ẩn mục theo thị trường Shopify mà khách đang xem |
| Customer tag | Chỉ hiện với khách đã đăng nhập và có gắn tag bạn chỉ định, ví dụ VIP, không phân biệt chữ hoa hay chữ thường |
| B2B customer | Chỉ hiện với khách đăng nhập bằng tài khoản công ty B2B trên Shopify |
Một số điều kiện bị khoá theo gói: Device, Cart contents và Schedule cần gói Business trở lên. Market / Country, Customer tag và B2B customer cần gói Elite. Điều kiện bị khoá sẽ được bỏ qua trên cửa hàng.
Với các mục nằm trong Desktop Mega Menu, bạn có thêm tuỳ chọn Exclude when embedded dùng khi nhúng Desktop Mega Menu vào Mobile Menu. Khi bật tuỳ chọn này, mục đó chỉ hiện trên máy tính và tự ẩn đi ở bản sao trong Mobile Menu.
Một số cách dùng thực tế
- Cho mục “Sale” chỉ hiện ở trang chủ và trang collection.
- Cho mục “Gọi ngay” chỉ hiện trên điện thoại bằng tuỳ chọn Mobile only.
- Cho mục “Giá sỉ” chỉ hiện với khách sỉ có gắn tag
wholesale. - Hẹn giờ bằng Schedule để mục “Khuyến mãi Black Friday” chỉ tự bật trong khoảng thời gian chạy sự kiện.
- Cho mục “Freeship” chỉ hiện ra khi trong giỏ hàng đang có sản phẩm.
Cùng một menu ở hai trang khác nhau, một mục tự ẩn đi:
Xử lý lỗi thường gặp
Đặt quy tắc xong thì mất luôn cả menu
Có thể bạn đã mở nhầm quy tắc của cả menu ở bước Configure thay vì quy tắc của riêng mục đó. Hai bảng cài đặt này trông giống nhau nhưng khác phạm vi áp dụng. Bạn hãy mở lại đúng nút Setup the Visibility rules trong bảng Edit item của mục cần chỉnh.
Bản xem trước trong app vẫn hiện mục đã ẩn
Khung xem trước trong app có thể vẫn hiện đầy đủ các mục vì quy tắc ẩn hiện chỉ chạy trên cửa hàng thật. Để kiểm tra chính xác, bạn hãy mở cửa hàng thật đúng trang, đúng thiết bị và đúng tình trạng khách như đã đăng nhập hay có gắn tag.
Điều kiện bị khoá hoặc không có tác dụng
Các điều kiện Device, Cart contents và Schedule cần gói Business trở lên. Các điều kiện Market / Country, Customer tag và B2B customer cần gói Elite.
Mục trong Mega Menu hiện hai lần khi nhúng vào Mobile Menu
Bạn mở mục đó lên và bật Exclude when embedded để mục này chỉ hiện ở bản máy tính.
Nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Market / Country, Customer tag và B2B customer chỉ có trên Shopify, vì dựa vào dữ liệu khách và thị trường của Shopify. Trên nền tảng khác, dùng Device, Page / URL và từ khoá trong đường dẫn.
Market / Country, Customer tag và B2B customer chỉ có trên Shopify, vì dựa vào dữ liệu khách và thị trường của Shopify. Trên nền tảng khác, dùng Device, Page / URL và từ khoá trong đường dẫn.