This glossary briefly explains the words you see in the Navi+ app and the guides. Click any term to read the full guide.
Six menu types
| Menu type | What it is |
|---|---|
| Tab Bar | A fixed tab bar at the bottom of the phone screen. |
| Mobile Menu | A menu that slides in from the edge of the screen when shoppers tap the ☰ button. |
| Desktop Mega Menu | A large drop-down menu with several columns in the desktop header. |
| Mobile Mega Menu | A horizontal category bar right below the phone header. Tapping an item opens a panel of its sub-items. |
| Icon Menu | A grid of category tiles with icons or images, placed inside the page content. |
| Floating Button | A floating button in the corner of the screen. Tapping it opens contact buttons or shortcuts. |
Menu and its parts
| Term | Meaning |
|---|---|
| banner | A large image with text, often used to promote a collection or a sale. |
| card | A tile with a background image or color, with a title and a short description line. |
| menu item tree | The list of items in the left panel of the menu editor, where you drag to change the order and level. |
| level 1 (main menu) | The first menu layer shoppers see before they open any item. |
| level 2–3 (submenu) | The panel that opens after a shopper clicks an item on level 1. |
| subtitle | A small line of text right under a menu item’s name. |
| template | A menu or item with a ready-made layout and colors. Pick one and adjust it to your liking. |
| parent item | An item that contains child items. |
| child item | An item inside a parent item. It shows only when shoppers open that parent item. |
| library item | Ready-made single items in the library that you can insert into your menu with one click. |
| menu item | Each clickable row or tile on the menu, usually with a name, an icon or image, and a link to the destination page. |
| badge | A small dot or number on the corner of an icon, usually used to show the number of items in the cart. For text like Sale or New, use a subtitle instead. |
| Palette (color palette) | A ready-made color set that lets you change the colors of the whole menu to match your brand. |
| tab (group items into tabs) | A way to group items into horizontal tabs, so shoppers can switch between them inside one menu panel. |
| divider | A horizontal or vertical line that separates groups of items to make the menu less cluttered. |
Store and theme
| Term | Meaning |
|---|---|
| theme copy | An unpublished draft of a theme that only you can see. Use it to try out the menu safely. |
| store (shopper-facing pages) | The live sales pages that your shoppers see when they visit your site. |
| theme | The design package for your store that you choose in Shopify. |
| live theme | The theme that is currently active on your store, and that shoppers see. |
| Shopify admin | The back-office screen where you run your store and open the Navi+ app. |
Installing and turning on menus
| Term | Meaning |
|---|---|
| app embed | The switch that turns on Navi+ in the App embeds section of your theme. Until this switch is on, no menu shows. |
| menu placement | The spot on the web page where you choose for the menu to show. |
| opening method (menu) | The action that lets shoppers open the Mobile Menu, for example tapping the ☰ button. |
| Turn on / Turn off | The button in the corner of the Publish window that turns the menu’s display on or off on your store. The Status line shows whether it is ON or OFF. |
| plan | The Navi+ plans: Starter, Business, Elite (and Care). |
| uninstall the app | Delete the Navi+ app from your Shopify store. |
| app block ‘Menu in Section’ | A content block you drag into the page in the theme editor to place an Icon Menu or Mobile Mega Menu exactly where you want it. |
| Navi+ Live | A live mode that opens your real store with the Navi+ toolbar, so you can pick the menu’s placement and check for errors. |
| ☰ button (menu button) | The three-line ☰ icon on the page that shoppers tap to open the menu. |
| Other platforms | A section of the guides that lists the differences when using Navi+ on Wix and on websites outside Shopify. |
| display rules | The set of conditions that decides on which pages, on which devices, and for which shopper groups the whole menu shows. |
| item display rules | The conditions that decide whether an individual item in the menu shows. |
| back up / restore | Save the current version of the menu so you can restore it to the same state when needed. |
| Shopify Markets (markets) | Shopify’s feature for splitting sales by country or sales region. |
| Store Connector | The name of the Navi+ app embed switch in the theme editor. |
| customer tag | A label Shopify attaches to each customer, used to show the menu to one specific group of customers. |
| replace / insert before / insert after | Three ways to place a menu relative to an existing part of the page: replace that part, place the menu right before it, or right after it. |
| device (phone / desktop) | The type of screen the shopper uses. You can set a menu to show only on phones or only on desktops. |
| analytics | A report of how often shoppers click the menu and each item inside it. |
| theme editor | Shopify’s screen for editing the look of your theme. Open it at Online Store > Themes > Customize. |
| keyword in the URL | A piece of text in the web address, used to choose which pages show or hide the menu. |
| Other website | A website that doesn’t run on Shopify, managed separately at dash.naviplus.app. |
| preview in the app | A preview window inside the app to quickly see the menu’s layout. It is not the real store. |
| export / import file | Download the menu settings as a file saved on your computer, or upload a file back into the app. |
| code snippet | Code you paste into the head section of a website outside Shopify so that Navi+ works. |
| publish (put live) | Make the menu show on the real store for shoppers to see, by clicking Publish in the app. |
Common technical terms
| Term | Meaning |
|---|---|
| cache | A temporary copy kept by the browser or the store. Sometimes you edit the menu but don’t see the new look right away. |
| reusable class | A style name you set once and apply to many different items, so you don’t have to edit each one. |
| Custom CSS | Code you write yourself when you want to change the look more deeply than the built-in settings allow. |
| CSS selector (address of a part of the page) | Code that points to one part of the page. It tells Navi+ exactly where to attach the menu. |
| z-index (stacking order) | A number that decides whether the menu sits on top of other parts of the page or behind them. The bigger the number, the higher the layer. |