Visibility rules for the whole menu

This page is a reference for each field in the Visibility Rules box, where you decide whether the whole menu bar shows on the page being viewed. To hide or show a single item inside the menu, see Show or hide items one by one. To read about use cases, see Choose the pages, devices and customers that see the menu.

Where to find Visibility Rules

On the vertical step bar on the left, click the Configure step. The Configure panel slides in from the right, with a row of jump buttons at the top. Click Visibility Rules to jump to this box. The box has small cards stacked from top to bottom: Display on pages, two keyword fields for the URL, then Device, Cart contents, Schedule, Market / Country, Customer tag and B2B customer.

Configure

Visibility rules

DeviceMobile + Desktop Cart contentsAny ScheduleAlways Market / CountryAll markets Customer tagAnyone B2B customerAnyone 2The condition cards

Display / hide by URL keywordsAll pages

Behavior

Scroll effectsNone

Z-index (stacking order)4

Advanced

Custom CSS for this menuEdit

Custom JavaScriptEdit

A few general points for the whole box:

• When you set several conditions, a shopper must meet all of them for the menu to show. An empty condition is skipped.
• Conditions only run on your live store. The preview in the app always shows the menu so you can edit comfortably.
• Click Save (the save bar at the top of the page) for the new conditions to take effect.

Choose pages

Display on pages

This card is at the top of the Visibility Rules box. Tick the groups of pages where you want the menu. Untick a group to hide the menu on pages in that group.

• Options: 6 checkboxes: Home (Index), Products Detail, Product categories, Pages (E.g. Contact), Blogs, Others.
• Default for a new menu: all 6 ticked, so the menu shows on every page.
• Applies to: only Tab Bar and Floating Button, and only on Shopify. This card doesn’t appear for other menu types. Every plan can use it.
• What shoppers see: the home page counts as Home. A URL containing /products is Products Detail. /collections is Product categories. /pages is Pages. /blogs is Blogs. Every other page (cart, checkout, search…) is Others. Untick Others and the Tab Bar disappears on the cart page and on any page outside the five groups above. Don’t untick all 6 boxes, because then the menu won’t show on any page.

Other platforms

Shopify Wix Other website

The steps above are for Shopify — the default way.

Filter by URL

The two fields below are both in the Display / hide by URL keywords card of the Visibility Rules box. They work with every menu type, on every plan, and on Wix and other websites too.

Visibility Rules

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

Display / hide by URL keywordsOnly show on URLs containing…1Only show when containsNever show on URLs containing…2Hide when contains

How the two fields check a page: Navi+ joins the domain, the URL path and the search part (after the ?) of the page into one string, converts everything to lowercase, then checks whether that string contains a keyword. It only takes one matching keyword in a field to count. If you enter several keywords, separate them with commas.

Only display the menu when Contains keywords

A multi-line field, the first one in the Display / hide by URL keywords card. Use it to make the menu show only on pages whose URL contains the keywords you type.

• Value: text, separated by commas. Default: empty, which means no filtering.
• Applies to: every menu type; Shopify, Wix and other websites.
• What shoppers see: type collections and the menu only shows on collection pages. On any page whose URL doesn’t contain the keyword, the menu is hidden. Type snowboard and only pages with the word snowboard in the URL get the menu.
• Common trap: a test keyword left in this field is the most frequent reason you see the menu but your shoppers don’t. To show the menu everywhere, this field must be empty.

Only display the menu when DOESN’T Contains keywords

The multi-line field directly below the first one. Use it to hide the menu on pages whose URL contains the keywords.

• Value: text, separated by commas. Default: empty.
• Applies to: every menu type; Shopify, Wix and other websites.
• What shoppers see: type checkout, cart and the menu disappears on the cart and checkout pages, while every other page still shows it.
• Fill in only one of the two fields. If you fill in both, Navi+ checks the DOESN’T Contains field last and uses its result, so the Contains field has no effect.

Other platforms

Shopify Wix Other website

The steps above are for Shopify — the default way.

Filter by viewer

The Device, Cart contents, Schedule, Market / Country, Customer tag and B2B customer cards only exist on Shopify, because they need shopper and store data that Shopify provides. All 6 apply to every menu type. By default all 6 are empty, which means no limit.

If your plan doesn’t include a card, the card shows the line Available on the Business plan and up. or Available on the Elite plan., and that condition has no effect on the store. Any value you saved is kept and not deleted.

Device

A drop-down in the Device card. Use it to show the menu only on phones or only on computers.

• Options: All devices (default), Mobile only, Desktop only.
• Plan: Business and up.
• What shoppers see: Navi+ treats screens 768 px wide or narrower as phones, and 769 px or wider as computers. Choose Mobile only and shoppers on a computer don’t see the menu, and the reverse.
• How is it different from the two switches Show menu on mobile / Show menu on desktop? Those two switches are in the Display on mobile and Display on desktop cards. They work on every plan and outside Shopify too. See Show the menu on mobile and desktop. This Device field adds one more layer: the menu only shows when both allow it. If you only need to choose a device and don’t have the Business plan, use the two switches.

Visibility Rules

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

Device Business2Needs the Business planAll devices1Choose a device

Cart contents

The Cart contents card has two number fields. Use it to show or hide the menu based on how many items are in the shopper’s cart.

• Fields: Only show when the cart has at least (suggested 1) and Hide when the cart has at least (suggested 10). Enter a whole number of 1 or more. Leave empty to skip.
• Default: both empty.
• Plan: Business and up.
• What shoppers see: set 1 in the first field and the menu only shows when the cart has at least 1 item. An empty cart hides it. Set 10 in the second field and the menu hides itself once the cart has 10 items or more. The two fields can work together: for example, show from 1 item and hide from 10 items.
• The item count comes from the Shopify cart when the page loads. If the store doesn’t report the count, Navi+ treats the cart as empty.

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. 101Items in the cart

Schedule

The Schedule card has two date and time fields, joined by an arrow. Use it to show the menu only during a set period, such as a sale.

• Fields: a start date and time, and an end date and time. You can fill in just one: only the start means “from that time on”, and only the end means “until that time, then off”.
• Default: both empty, which means always showing.
• Plan: Business and up.
• Time zone: for new rules, you enter times in your own computer’s time. The card shows the time zone (for example GMT+7) and converts it to UTC automatically. Rules created earlier still use UTC, and the card has a note “Both fields use UTC”.
• What shoppers see: before the start time and after the end time, the menu doesn’t show to any shopper. When the end time arrives, the menu hides itself. You don’t need to log in and turn it off.

Visibility Rules

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

Schedule Business2026-11-20 00:00→2026-11-30 23:591Date and time range

Market / Country

The Market / Country card has two text fields. Use it to show or hide the menu based on the Shopify Market the shopper is viewing the store in.

• Fields: Only show in market (show only in these markets) and Hide in market (hide in these markets). Type the market handle codes, for example us, ca. Separate several codes with commas. Case doesn’t matter. The View your Markets → link below the field opens the Markets page in Shopify so you can look up the right code.
• Default: both empty.
• Plan: Elite.
• What shoppers see: with codes in Only show in market, only shoppers in those markets see the menu. With codes in Hide in market, shoppers in those markets don’t see the menu, and everyone else does. When the store doesn’t report the shopper’s market, the Only show field doesn’t match (the menu is hidden), while the Hide field doesn’t hide anything.
• B2B shoppers: Shopify doesn’t tell Navi+ the market of a B2B shopper, so you set the market on each location of the company in Shopify. Click See setup here below the field to see the two steps.
• Two menus in the same spot: if you place two menus in the same position, set exclusions on both. For example, menu A has Only show in market practices, and menu B has Hide in market practices.

Visibility Rules

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

Market / Country Elite2Needs the Elite planOnly show in markete.g. us, ca (market handle, comma separated)Hide in markete.g. practicesView your Markets →1Market codes

Customer tag

The Customer tag card has one text field. Use it to show the menu only to logged-in customers who have a specific tag (for example vip or wholesale).

• Field: exactly one tag, suggested vip. Case doesn’t matter. The Manage customer tags → link opens the customer list in Shopify so you can add tags.
• Default: empty.
• Plan: Elite.
• What shoppers see: only customers who are logged in to an account on the web and have this exact tag see the menu. Customers who aren’t logged in, or who are logged in without the tag, don’t see it. To keep showing a different menu to guests, create a second menu and set an exclusion on it.

Visibility Rules

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

Customer tag Elitee.g. vipManage customer tags →1Tag needed

B2B customer

The B2B customer card has one checkbox. Use it to show the menu only to customers who log in with a Shopify B2B company account.

• Checkbox: Only show to B2B customers. Default: unticked.
• Plan: Elite.
• What shoppers see: when ticked, only customers who log in through a company account (added in the Companies section of Shopify) see the menu. Retail shoppers don’t count as B2B, even if they have the wholesale tag. This checkbox only works in one direction, “show only to B2B”. There’s no “hide from B2B” option.
• The Manage B2B companies → link opens the Companies page in Shopify.

Visibility Rules

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

B2B customer EliteOnly show to B2B customersManage B2B companies →1Only show to B2B

Other platforms

Shopify Wix Other website

The steps above are for Shopify — the default way.

Summary table

Field in the app	What it does	Default	Plan	Platform
Display on pages	Choose the page groups that show the menu	All 6 groups ticked	All plans	Shopify, Tab Bar and Floating Button only
Contains keywords	Show only when the URL contains a keyword	Empty	All plans	All platforms
DOESN’T Contains keywords	Hide when the URL contains a keyword	Empty	All plans	All platforms
Device	Phones only or computers only	All devices	Business	Shopify
Cart contents	Show or hide based on the number of items in the cart	Empty	Business	Shopify
Schedule	Show only within a date and time range	Empty	Business	Shopify
Market / Country	Show or hide based on the market	Empty	Elite	Shopify
Customer tag	Show only to logged-in customers with a tag	Empty	Elite	Shopify
B2B customer	Show only to B2B customers	Unticked	Elite	Shopify