Bài này tra cứu từng ô trong bảng Visibility Rules của một mục menu. Nếu bạn muốn đọc theo tình huống (“làm sao cho mục Sale chỉ hiện trên trang chủ?”), xem bài Ẩn hoặc hiện từng mục theo trang, thiết bị, khách hàng.
Mọi ô ở đây chỉ tác động lên đúng mục bạn đang mở (và các mục con nằm bên trong nó). Điều kiện cho cả menu nằm ở bước Configure, xem bài Quy tắc hiển thị của menu.
Mở bảng Visibility Rules ở đâu?
- Ở bước Build Menu, bấm vào mục bạn muốn chỉnh để mở Edit item.
- Kéo xuống cuối form, đến khối Visibility. Bạn sẽ thấy một dòng tóm tắt, mặc định là “Showing under all conditions” (hiện ở mọi nơi), kèm nút Edit rules. Khối này có thể nằm trong phần See more của form.
- Bấm Edit rules để mở bảng Visibility Rules, chọn điều kiện, bấm Apply, rồi bấm Save để lưu menu.
Khi đặt nhiều điều kiện cùng lúc, mục chỉ hiện nếu thoả tất cả; vi phạm một điều kiện là mục bị ẩn.
Khung xem trước trong app không chạy các điều kiện này, nó vẫn hiện đủ mục để bạn chỉnh. Muốn thấy kết quả thật, mở cửa hàng đúng trang, đúng thiết bị, đúng tình trạng khách.
Các ô chia làm ba nhóm: nhóm cơ bản (thẻ Basic), nhóm miễn phí theo trang và nhóm theo gói. Riêng Exclude when embedded nằm ở form Edit item, không nằm trong bảng.
| Ô | Gói | Nền tảng |
|---|---|---|
| Is published | Mọi gói | Shopify, Wix, website khác |
| Hide when logged in · Only show when logged in | Mọi gói | Chỉ Shopify |
| Page / URL · URL contains · URL doesn’t contain | Mọi gói | Chỉ Shopify |
| Device · Cart contents · Schedule | Business trở lên | Chỉ Shopify |
| Market / Country · Customer tag · B2B customer | Elite | Chỉ Shopify |
| Exclude when embedded | Mọi gói | Desktop Mega Menu |
Điều kiện bị khoá theo gói sẽ bị bỏ qua trên cửa hàng, nghĩa là mục vẫn hiện như không đặt gì. Trong bảng, thẻ đó hiện dòng “Available on the Business plan and up” hoặc “Available on the Elite plan” thay cho ô nhập.
Thẻ Basic
Is published
Ô tích đầu tiên trong thẻ Basic của bảng Visibility Rules (Edit item › Visibility › Edit rules). Dùng để tắt hẳn một mục mà không phải xoá.
- Lựa chọn: tích hoặc bỏ tích. Mục mới mặc định đã tích (mục hiện bình thường).
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Mọi gói. Có ở Shopify, Wix và website khác.
- Trên cửa hàng: bỏ tích thì mục này (cùng các mục con bên trong) biến khỏi menu ở mọi trang và mọi thiết bị. Mục vẫn còn trong app để bạn bật lại sau.
- Khi nào dùng: giấu tạm một mục theo mùa, hoặc soạn sẵn một mục chưa muốn cho khách thấy.
Hai hình dưới là cùng một Tab Bar, trước và sau khi bỏ tích Is published ở mục “Sale”:
Hide when logged in
Ô tích thứ hai trong thẻ Basic. Dùng để ẩn mục khi khách đã đăng nhập, ví dụ nút “Đăng nhập” không cần nữa khi khách đã vào tài khoản.
- Lựa chọn: tích hoặc bỏ tích. Mặc định không tích.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Mọi gói. Chỉ Shopify.
- Trên cửa hàng: khách chưa đăng nhập thấy mục; sau khi đăng nhập thì mục biến mất.
Hide when logged in trên nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Ô này chỉ có trên Shopify, vì Navi+ cần biết khách đã đăng nhập hay chưa từ cửa hàng Shopify. Trên Wix và website khác, bảng không hiện ô này.
Ô này chỉ có trên Shopify, vì Navi+ cần biết khách đã đăng nhập hay chưa từ cửa hàng Shopify. Trên Wix và website khác, bảng không hiện ô này.
Only show when logged in
Ô tích thứ ba trong thẻ Basic, ngược với ô trên. Dùng để chỉ hiện mục cho khách đã đăng nhập, ví dụ “Tài khoản của tôi” hay “Đơn hàng”.
- Lựa chọn: tích hoặc bỏ tích. Mặc định không tích.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Mọi gói. Chỉ Shopify.
- Trên cửa hàng: khách chưa đăng nhập không thấy mục; đăng nhập xong thì mục hiện ra.
- Khác nền tảng: như ô Hide when logged in, trên Wix và website khác không có ô này.
Nhóm miễn phí theo trang
Page / URL — loại trang
Thẻ Page / URL có sáu ô tích: Home, Products, Collections, Pages, Blogs, Others. Dùng để chỉ hiện mục trên một số loại trang.
- Lựa chọn: tích bao nhiêu ô cũng được. Mặc định không tích ô nào, nghĩa là hiện ở mọi loại trang.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Mọi gói (không cần Business). Chỉ Shopify.
- Trên cửa hàng: nếu bạn tích ít nhất một ô, mục chỉ hiện trên các loại trang đã tích, ở trang khác thì ẩn.
- Cách Navi+ nhận ra loại trang: theo đường dẫn. Trang chủ (
/) là Home. Đường dẫn có chữproductslà Products, cócollectionslà Collections, cópageslà Pages, cóblogslà Blogs. Mọi trang còn lại (giỏ hàng, tìm kiếm, tài khoản…) là Others. - Một chỗ dễ nhầm: đường dẫn dạng
/collections/ao/products/ao-thuncó cả hai chữ, và Navi+ coi đó là trang Products.
Đây là điều kiện “chỉ hiện ở các trang này”. Muốn “ẩn ở trang này, hiện ở mọi trang khác”, dùng ô URL doesn’t contain.
Page / URL trên nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Điều kiện theo loại trang chỉ chạy trên Shopify. Trên Wix và website khác, mục luôn hiện ở mọi trang; muốn giới hạn theo trang bạn đặt điều kiện cho cả menu ở bước Configure.
Điều kiện theo loại trang chỉ chạy trên Shopify. Trên Wix và website khác, mục luôn hiện ở mọi trang; muốn giới hạn theo trang bạn đặt điều kiện cho cả menu ở bước Configure.
URL contains
Ô nhập đầu tiên bên dưới sáu ô loại trang trong thẻ Page / URL (ô này không có nhãn riêng, chỉ có chữ gợi ý). Dùng để chỉ hiện mục khi địa chỉ trang có chứa từ khoá.
- Giá trị: gõ một hoặc nhiều từ khoá, cách nhau bằng dấu phẩy. Mặc định để trống (không giới hạn).
- Cách so khớp: không phân biệt chữ hoa chữ thường. Navi+ so với cả tên miền, đường dẫn và phần sau dấu
?của địa chỉ. Chỉ cần một từ khoá trong danh sách có mặt là khớp. - Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Mọi gói. Chỉ Shopify.
- Trên cửa hàng: có từ khoá thì mục chỉ hiện trên địa chỉ chứa từ khoá đó, các trang còn lại ẩn. Ví dụ gõ
mua-samthì mục chỉ hiện trênyourshop.com/collections/mua-sam-mua-hevà các địa chỉ có đoạnmua-sam. - Khi nào dùng: khi loại trang chưa đủ chính xác, ví dụ chỉ một bộ sưu tập hoặc một nhóm sản phẩm cụ thể.
URL doesn’t contain
Ô nhập thứ hai trong thẻ Page / URL, dưới ô URL contains. Dùng để ẩn mục khi địa chỉ trang có chứa từ khoá.
- Giá trị: từ khoá cách nhau bằng dấu phẩy, mặc định để trống.
- Cách so khớp: giống ô URL contains (không phân biệt hoa thường, so với tên miền + đường dẫn + phần sau
?). Có một từ khoá khớp là mục bị ẩn. - Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Mọi gói. Chỉ Shopify.
- Trên cửa hàng: mục hiện ở mọi trang bình thường, trừ những địa chỉ có chứa từ khoá thì mục biến mất.
- Có thể dùng cùng ô trên: khi điền cả hai, địa chỉ phải chứa từ khoá của ô URL contains và không chứa từ khoá của ô này thì mục mới hiện.
Từ khoá URL trên nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Hai ô từ khoá URL của một mục chỉ chạy trên Shopify. Trên Wix và website khác, giới hạn theo địa chỉ trang bằng quy tắc của cả menu ở bước Configure.
Hai ô từ khoá URL của một mục chỉ chạy trên Shopify. Trên Wix và website khác, giới hạn theo địa chỉ trang bằng quy tắc của cả menu ở bước Configure.
Nhóm theo gói Business
Device
Thẻ Device có một ô chọn xổ xuống. Dùng để chỉ hiện mục trên điện thoại hoặc chỉ trên máy tính, ví dụ nút “Gọi ngay” chỉ cho điện thoại.
- Lựa chọn: All devices (mặc định, mọi thiết bị), Mobile only, Desktop only.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Gói Business trở lên. Chỉ Shopify.
- Trên cửa hàng: Mobile only thì khách dùng máy tính không thấy mục; Desktop only thì khách dùng điện thoại không thấy mục.
- Khác với công tắc của cả menu: nếu cả menu đã tắt ở một thiết bị (xem Hiện menu trên điện thoại và máy tính) thì không còn thanh menu nào để mục này hiện ra.
Cart contents
Thẻ Cart contents có hai ô nhập số. Dùng để hiện hoặc ẩn mục theo số sản phẩm trong giỏ, ví dụ mục “Freeship” chỉ hiện khi giỏ đã có hàng.
- Hai ô: Only show when the cart has at least (chỉ hiện khi giỏ có từ bấy nhiêu món trở lên) và Hide when the cart has at least (ẩn khi giỏ có từ bấy nhiêu món trở lên). Mặc định để trống cả hai.
- Đơn vị: số món hàng trong giỏ, tối thiểu 1.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Gói Business trở lên. Chỉ Shopify.
- Trên cửa hàng: ví dụ ô đầu là
1: giỏ trống thì mục ẩn, bỏ một món vào giỏ là mục hiện ra. Ví dụ ô sau là10: giỏ có từ 10 món trở lên thì mục biến mất.
Schedule
Thẻ Schedule có hai ô chọn ngày giờ nối bằng mũi tên (từ → đến). Dùng để mục tự hiện và tự ẩn theo lịch, ví dụ mục “Black Friday”.
- Giá trị: ngày giờ bắt đầu và ngày giờ kết thúc, có thể chỉ điền một trong hai. Mặc định để trống (luôn hiện).
- Múi giờ: với quy tắc đặt mới, bạn nhập giờ của chính bạn; app tự ghi múi giờ (ví dụ GMT+7) và quy đổi. Các quy tắc đặt từ trước, chưa có múi giờ, vẫn tính theo giờ quốc tế UTC.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Gói Business trở lên. Chỉ Shopify.
- Trên cửa hàng: trước giờ bắt đầu mục ẩn, trong khoảng đã đặt mục hiện, qua giờ kết thúc mục lại ẩn. Navi+ so với đồng hồ trên thiết bị của khách, nên có thể lệch vài phút nếu đồng hồ của khách sai.
Nhóm theo gói Elite
Market / Country
Thẻ Market / Country có hai ô nhập chữ. Dùng để hiện hoặc ẩn mục theo Shopify Market mà khách đang xem, ví dụ mục “Free shipping US” chỉ cho khách ở thị trường Mỹ.
- Hai ô: Only show in market (chỉ hiện ở các thị trường này) và Hide in market (ẩn ở các thị trường này). Mặc định để trống.
- Giá trị: gõ handle của thị trường như trong cài đặt Markets của Shopify (ví dụ
us, ca), cách nhau bằng dấu phẩy. Không phân biệt hoa thường. Dưới ô có liên kết View your Markets → mở thẳng trang Markets trong Shopify admin để bạn tra handle. - Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Gói Elite. Chỉ Shopify.
- Trên cửa hàng: khách thuộc thị trường nào thì thấy hoặc không thấy mục theo danh sách bạn gõ.
Khách B2B: Shopify không cho theme biết thị trường B2B của khách đang đăng nhập, nên với khách B2B bạn cần khai thị trường thêm ở từng địa điểm công ty. Bấm See setup here dưới ô để xem hai bước:
- Trong Shopify, vào Settings › Metafields and metaobjects › Company locations › Add definition, đặt tên Navi Market, namespace và key là
custom.navi_market, kiểu Single line text, rồi lưu. - Vào Customers › Companies, mở từng địa điểm công ty B2B, ở phần Metafields gõ đúng handle bạn đã nhập ở ô Market (ví dụ
practices), rồi lưu.
Customer tag
Thẻ Customer tag có một ô nhập chữ. Dùng để chỉ hiện mục cho khách đã đăng nhập và có tag bạn chỉ định, ví dụ VIP hay wholesale.
- Giá trị: gõ đúng một tag, mặc định để trống. Không phân biệt hoa thường. Dưới ô có liên kết Manage customer tags → mở danh sách khách trong Shopify admin.
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Gói Elite. Chỉ Shopify.
- Trên cửa hàng: khách chưa đăng nhập, hoặc đăng nhập nhưng không có tag này, thì không thấy mục. Khách có tag thì thấy.
B2B customer
Thẻ B2B customer có một ô tích Only show to B2B customers. Dùng để chỉ hiện mục cho khách đăng nhập bằng tài khoản công ty B2B của Shopify, ví dụ mục “Bảng giá sỉ”.
- Lựa chọn: tích hoặc bỏ tích. Mặc định không tích (mọi khách đều thấy).
- Áp cho: cả sáu loại menu, mọi loại mục, mọi cấp. Gói Elite. Chỉ Shopify.
- Trên cửa hàng: chỉ khách thuộc một Company trong cài đặt B2B của Shopify mới thấy mục. Khách lẻ đăng nhập thường không tính là B2B, kể cả khi bạn đã gắn tag
wholesalecho họ; trường hợp đó hãy dùng ô Customer tag. Dưới ô có liên kết Manage B2B companies → mở trang Companies trong Shopify admin. - Muốn lọc B2B theo thị trường: xem phần khai thị trường B2B ở ô Market / Country.
Nhóm Business và Elite trên 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 dựa vào dữ liệu khách và thị trường của Shopify, nên chỉ có trên Shopify. Trên Wix và website khác, bảng chỉ có ô Is published.
Market / Country, Customer tag và B2B customer dựa vào dữ liệu khách và thị trường của Shopify, nên chỉ có trên Shopify. Trên Wix và website khác, bảng chỉ có ô Is published.
Ô nằm ngoài bảng
Exclude when embedded
Ô tích nằm ngay trong khối Visibility của form Edit item, phía trên dòng “Showing under all conditions” (không nằm trong bảng Visibility Rules). Dùng khi bạn nhúng một Desktop Mega Menu vào Mobile Menu và muốn bỏ bớt một vài mục trong bản nhúng.
- Lựa chọn: tích hoặc bỏ tích. Mặc định không tích.
- Áp cho: chỉ mục thuộc Desktop Mega Menu, mọi loại mục, mọi cấp. Mọi gói.
- Chỉ hiện khi cần: nếu mục chưa tích và Desktop Mega Menu này chưa được Mobile Menu nào nhúng, app ẩn ô này đi cho gọn. Khi đã nhúng, ô tự hiện.
- Trên cửa hàng: tích ô này thì khi Mega Menu được nhúng vào Mobile Menu, mục này và toàn bộ mục con của nó bị bỏ khỏi bản nhúng. Trên máy tính, Desktop Mega Menu vẫn hiện mục đó bình thường.
- Khi nào dùng: các cột, mục Multi-column hay banner chỉ hợp màn hình rộng, trên điện thoại đưa vào ngăn kéo thì thừa. Cách nhúng xem bài Nhúng menu Shopify và Mega Menu vào mục.
Ô này chỉ quyết định mục có theo vào bản nhúng hay không. Muốn ẩn mục theo thiết bị hay theo trang trên cửa hàng, dùng Device hoặc Page / URL.