Điều kiện hiển thị của cả menu

Trang này tra cứu từng ô của khối Visibility Rules — nơi bạn quyết định cả thanh menu có hiện trên trang đang xem hay không. Muốn ẩn hoặc hiện riêng một mục bên trong menu thì xem bài Ẩn hoặc hiện từng mục. Muốn xem cách dùng theo tình huống thì đọc bài Chọn trang, thiết bị và khách hàng thấy menu.

Mở khối Visibility Rules ở đâu

Trên thanh bước dọc bên trái, bấm bước Configure. Tấm Configure trượt ra từ bên phải, phía trên có một hàng nút tắt. Bấm Visibility Rules để nhảy tới khối này. Khối gồm các thẻ nhỏ xếp từ trên xuống: Display on pages, hai ô từ khoá trong đường dẫn, rồi Device, Cart contents, Schedule, Market / Country, Customer tag và B2B customer.

Configure

Visibility rules

DeviceMobile + Desktop Cart contentsAny ScheduleAlways Market / CountryAll markets Customer tagAnyone B2B customerAnyone 2Các thẻ điều kiện

Display / hide by URL keywordsAll pages

Behavior

Scroll effectsNone

Z-index (stacking order)4

Advanced

Custom CSS for this menuEdit

Custom JavaScriptEdit

Vài điều chung cho cả khối:

• Khi bạn đặt nhiều điều kiện, khách phải đạt tất cả thì menu mới hiện. Điều kiện nào để trống thì được bỏ qua.
• Điều kiện chỉ chạy trên cửa hàng thật. Khung xem trước trong app luôn hiện menu để bạn chỉnh cho tiện.
• Bấm Save (thanh lưu ở đầu trang) thì điều kiện mới có hiệu lực.

Chọn trang

Display on pages

Thẻ này nằm đầu khối Visibility Rules. Bạn tích những nhóm trang muốn có menu; bỏ tích nhóm nào thì menu ẩn ở các trang thuộc nhóm đó.

• Lựa chọn: 6 ô tích — Home (Index), Products Detail, Product categories, Pages (E.g. Contact), Blogs, Others.
• Mặc định cho menu mới: tích cả 6, tức menu hiện ở mọi trang.
• Áp cho: chỉ Tab Bar và Floating Button, và chỉ trên Shopify. Với các loại menu khác thẻ này không hiện ra. Mọi gói đều dùng được.
• Khách thấy gì: trang chủ tính là Home; đường dẫn có /products là Products Detail; /collections là Product categories; /pages là Pages; /blogs là Blogs; mọi trang còn lại (giỏ hàng, thanh toán, tìm kiếm…) là Others. Bỏ tích Others thì Tab Bar biến mất ở trang giỏ hàng và những trang không thuộc 5 nhóm trên. Đừng tích rỗng cả 6 ô, vì khi đó menu không hiện ở trang nào.

Nền tảng khác

Shopify Wix Website khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.

Lọc theo đường dẫn

Hai ô dưới đây cùng nằm trong thẻ Display / hide by URL keywords của khối Visibility Rules. Chúng dùng được ở mọi loại menu, mọi gói, và có cả trên Wix lẫn website khác.

Visibility Rules

Control when and to whom this menu is shown. See detail

Display / hide by URL keywordsOnly show on URLs containing…1Chỉ hiện khi có từ khoáNever show on URLs containing…2Ẩn khi có từ khoá

Cách dò chung của hai ô: Navi+ ghép tên miền, phần đường dẫn và phần tìm kiếm (sau dấu ?) của trang thành một chuỗi, đổi hết thành chữ thường, rồi xem chuỗi đó có chứa từ khoá hay không. Chỉ cần khớp một từ khoá trong ô là tính. Bạn gõ nhiều từ khoá thì cách nhau bằng dấu phẩy.

Only display the menu when Contains keywords

Ô nhập nhiều dòng, thứ nhất trong thẻ Display / hide by URL keywords. Dùng để menu chỉ hiện ở những trang có đường dẫn chứa từ khoá bạn gõ.

• Giá trị: chuỗi chữ, cách nhau bằng dấu phẩy. Mặc định: để trống, tức không lọc gì.
• Áp cho: mọi loại menu; Shopify, Wix, website khác.
• Khách thấy gì: gõ collections thì menu chỉ hiện ở các trang danh mục. Trang nào đường dẫn không chứa từ khoá thì menu ẩn đi. Gõ snowboard thì chỉ các trang có chữ snowboard trong đường dẫn mới có menu.
• Bẫy hay gặp: còn sót từ khoá gõ thử trong ô này là nguyên nhân thường gặp nhất khiến “mình thấy menu mà khách không thấy”. Muốn menu hiện ở mọi nơi, ô này phải để trống.

Only display the menu when DOESN’T Contains keywords

Ô nhập nhiều dòng thứ hai ngay dưới ô trên. Dùng để giấu menu ở những trang có đường dẫn chứa từ khoá.

• Giá trị: chuỗi chữ, cách nhau bằng dấu phẩy. Mặc định: để trống.
• Áp cho: mọi loại menu; Shopify, Wix, website khác.
• Khách thấy gì: gõ checkout, cart thì menu biến mất ở trang giỏ hàng và thanh toán, còn mọi trang khác vẫn có.
• Chỉ điền một trong hai ô. Nếu điền cả hai, Navi+ xét ô DOESN’T Contains sau cùng và lấy kết quả của nó, nên ô Contains coi như không còn tác dụng.

Nền tảng khác

Shopify Wix Website khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.

Lọc theo người xem

Các thẻ Device, Cart contents, Schedule, Market / Country, Customer tag và B2B customer chỉ có trên Shopify, vì cần dữ liệu khách và cửa hàng mà Shopify cung cấp. Cả 6 áp cho mọi loại menu. Mặc định cả 6 để trống, tức không giới hạn.

Nếu gói của bạn chưa đủ, thẻ hiện dòng Available on the Business plan and up. hoặc Available on the Elite plan. và điều kiện đó không có tác dụng ngoài cửa hàng (giá trị bạn từng lưu vẫn được giữ, không bị xoá).

Device

Ô chọn thả xuống trong thẻ Device. Dùng để menu chỉ hiện trên điện thoại hoặc chỉ trên máy tính.

• Lựa chọn: All devices (mặc định), Mobile only, Desktop only.
• Gói: Business trở lên.
• Khách thấy gì: Navi+ coi màn hình rộng từ 768 px trở xuống là điện thoại, từ 769 px trở lên là máy tính. Chọn Mobile only thì khách dùng máy tính không thấy menu, và ngược lại.
• Khác gì hai công tắc Show menu on mobile / Show menu on desktop? Hai công tắc đó nằm ở thẻ Display on mobile và Display on desktop, dùng được ở mọi gói và có cả ngoài Shopify, xem bài Hiện menu trên điện thoại và máy tính. Ô Device này chạy thêm một lớp nữa; menu chỉ hiện khi cả hai đều cho phép. Nếu chỉ cần chọn thiết bị mà không cần gói Business, dùng hai công tắc.

Visibility Rules

Control when and to whom this menu is shown. See detail

Device Business2Cần gói BusinessAll devices1Chọn thiết bị

Cart contents

Thẻ Cart contents có hai ô số. Dùng để hiện hoặc ẩn menu theo số món đang nằm trong giỏ của khách.

• Ô nhập: Only show when the cart has at least (gợi ý 1) và Hide when the cart has at least (gợi ý 10). Nhập số nguyên từ 1 trở lên; để trống là không áp.
• Mặc định: cả hai trống.
• Gói: Business trở lên.
• Khách thấy gì: đặt 1 ở ô đầu thì menu chỉ hiện khi giỏ có ít nhất 1 món, giỏ trống thì ẩn. Đặt 10 ở ô sau thì menu tự ẩn khi giỏ từ 10 món trở lên. Hai ô dùng chung được: ví dụ hiện từ 1 món, ẩn từ 10 món.
• Số món lấy từ giỏ hàng Shopify khi trang tải; nếu cửa hàng chưa báo được số món thì Navi+ coi là giỏ trống.

Visibility Rules

Control when and to whom this menu is shown. See detail

Cart contents BusinessOnly show when the cart has at leaste.g. 1Hide when the cart has at leaste.g. 101Số món trong giỏ

Schedule

Thẻ Schedule có hai ô ngày giờ, nối nhau bằng mũi tên. Dùng để menu chỉ hiện trong một khoảng thời gian, ví dụ đợt khuyến mãi.

• Ô nhập: ngày giờ bắt đầu và ngày giờ kết thúc. Có thể chỉ điền một đầu: chỉ điền đầu bắt đầu thì “từ lúc đó trở đi”, chỉ điền đầu kết thúc thì “đến lúc đó thì tắt”.
• Mặc định: cả hai trống, tức hiện mọi lúc.
• Gói: Business trở lên.
• Múi giờ: với quy tắc tạo mới, bạn nhập theo giờ máy của mình, thẻ ghi rõ múi giờ (ví dụ GMT+7) và tự đổi sang giờ UTC. Quy tắc tạo từ trước vẫn tính theo giờ UTC, thẻ có ghi chú “Both fields use UTC”.
• Khách thấy gì: trước giờ bắt đầu và sau giờ kết thúc, menu không hiện với bất kỳ khách nào. Đến hạn menu tự ẩn, bạn không cần vào tắt.

Visibility Rules

Control when and to whom this menu is shown. See detail

Schedule Business2026-11-20 00:00→2026-11-30 23:591Khoảng ngày giờ

Market / Country

Thẻ Market / Country có hai ô gõ chữ. Dùng để hiện hoặc ẩn menu theo Shopify Market (thị trường) mà khách đang xem cửa hàng.

• Ô nhập: 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). Gõ mã handle của thị trường, ví dụ us, ca, nhiều mã cách nhau bằng dấu phẩy, không phân biệt chữ hoa thường. Dòng View your Markets → dưới ô mở trang Markets trong Shopify để bạn tra đúng mã.
• Mặc định: cả hai trống.
• Gói: Elite.
• Khách thấy gì: có mã ở Only show in market thì chỉ khách ở đúng thị trường đó thấy menu. Có mã ở Hide in market thì khách ở thị trường đó không thấy menu, mọi nơi khác vẫn thấy. Khi cửa hàng chưa báo được thị trường của khách, ô Only show coi như không khớp (menu ẩn), còn ô Hide thì không ẩn.
• Khách B2B: Shopify không cho Navi+ biết thị trường của khách B2B, nên bạn khai thị trường trên từng địa điểm của công ty trong Shopify. Bấm See setup here dưới ô để xem 2 bước.
• Hai menu cùng chỗ: nếu đặt hai menu vào cùng một vị trí, phải cài loại trừ cho cả hai, ví dụ menu A Only show in market practices thì menu B Hide in market practices.

Visibility Rules

Control when and to whom this menu is shown. See detail

Market / Country Elite2Cần gói EliteOnly show in markete.g. us, ca (market handle, comma separated)Hide in markete.g. practicesView your Markets →1Mã thị trường

Customer tag

Thẻ Customer tag có một ô gõ chữ. Dùng để menu chỉ hiện cho khách đã đăng nhập và đang được gắn một tag nhất định (ví dụ vip, wholesale).

• Ô nhập: đúng một tag, gợi ý vip. Không phân biệt chữ hoa thường. Dòng Manage customer tags → mở danh sách khách trong Shopify để gắn tag.
• Mặc định: trống.
• Gói: Elite.
• Khách thấy gì: chỉ khách đã đăng nhập tài khoản trên web và có đúng tag này mới thấy menu. Khách chưa đăng nhập, hoặc đăng nhập mà không có tag, thì không thấy. Muốn giữ cho khách vãng lai vẫn thấy một menu khác, tạo thêm menu thứ hai và đặt điều kiện loại trừ cho nó.

Visibility Rules

Control when and to whom this menu is shown. See detail

Customer tag Elitee.g. vipManage customer tags →1Tag cần có

B2B customer

Thẻ B2B customer có một ô tích. Dùng để menu chỉ hiện cho khách đăng nhập bằng tài khoản công ty B2B của Shopify.

• Ô tích: Only show to B2B customers. Mặc định: không tích.
• Gói: Elite.
• Khách thấy gì: khi tích, chỉ khách đăng nhập qua tài khoản công ty (được thêm trong mục Companies của Shopify) mới thấy menu. Khách mua lẻ thường không tính là B2B, kể cả khi họ được gắn tag wholesale. Ô này chỉ có chiều “chỉ hiện cho B2B”; không có chiều “ẩn với B2B”.
• Dòng Manage B2B companies → mở trang Companies trong Shopify.

Visibility Rules

Control when and to whom this menu is shown. See detail

B2B customer EliteOnly show to B2B customersManage B2B companies →1Chỉ hiện cho B2B

Nền tảng khác

Shopify Wix Website khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.

Bảng tóm tắt

Ô trong app	Tác dụng	Mặc định	Gói	Nền tảng
Display on pages	Chọn nhóm trang có menu	Tích cả 6 nhóm	Mọi gói	Shopify, chỉ Tab Bar và Floating Button
Contains keywords	Chỉ hiện khi đường dẫn chứa từ khoá	Trống	Mọi gói	Mọi nền tảng
DOESN’T Contains keywords	Ẩn khi đường dẫn chứa từ khoá	Trống	Mọi gói	Mọi nền tảng
Device	Chỉ điện thoại hoặc chỉ máy tính	All devices	Business	Shopify
Cart contents	Hiện hoặc ẩn theo số món trong giỏ	Trống	Business	Shopify
Schedule	Chỉ hiện trong khoảng ngày giờ	Trống	Business	Shopify
Market / Country	Hiện hoặc ẩn theo thị trường	Trống	Elite	Shopify
Customer tag	Chỉ hiện cho khách đăng nhập có tag	Trống	Elite	Shopify
B2B customer	Chỉ hiện cho khách B2B	Không tích	Elite	Shopify