Menu and navigation setup allows you to define how shoppers move through your storefront and discover products. By structuring menus thoughtfully, you make it easier for customers to browse categories, access key pages, and reach products with fewer clicks — which directly impacts usability and conversion.
A well-configured navigation structure helps ensure that your storefront reflects your product hierarchy, supports merchandising strategies, and remains scalable as your catalog grows.
Menu and Navigation Setup Matters
Menus and navigation are managed from the Back Office at the sales channel level. Each sales channel can have its own navigation structure, allowing you to tailor menus based on storefront requirements.
Menu and navigation configuration is handled from the Back Office, where you define:
- Top-level menus
- Nested (multi-level) menu items
- Links to categories, collections, or static pages
Once configured, these menus automatically reflect on the storefront based on the active theme. Navigation configuration includes:
- Creating menus
- Adding and structuring menu items
- Activating or deactivating menus
- Editing
Access Navigation
To access navigation, go to
- Back Office > Storefront > Your Store
- Select Navigations
The Navigation page displays all menus created for the selected sales channel. This page provides a high-level overview of your navigation structure and allows you to manage menus without opening each one individually.
Navigation Page Columns Explained
Column | Description |
|---|
Menu Name | Displays the internal name of the menu. This helps identify the menu’s purpose, such as header navigation or footer navigation. |
Menu Items | Shows a preview of the top-level items included in the menu. These appear as tags and represent the pages or links configured for that menu. |
Status | Indicates whether the menu is Active (visible on the storefront) or Inactive (saved but not displayed). |
Actions | Provides menu-level controls to manage the navigation without opening it. |
Actions Menu Options
Each menu includes an action menu (three-dot icon) with the following options:
Action | Description |
|---|
Update Status | Activate or deactivate the menu without editing its structure. |
Edit | Open the menu to modify menu items, links, or hierarchy. |
Delete | Permanently remove the menu from the sales channel. This action cannot be undone. |
Only menus marked as Active are rendered on the storefront.
Adding Menu Items
To add items to a menu:
- Go to Back Office > Storefront > Your Store
- Go to Navigations
- Click Add New Menu
- When you click Add New Menu from the Navigation page, you are taken to the Create Navigation screen. This is where you define the menu structure and the links customers will see.
- Enter the details and Add Page, as required.
Field | Description |
|---|
Menu Name | Internal name used to identify the menu in the Back Office. This name does not have to match the storefront label. |
Menu Page Name | The label displayed to customers on the storefront for each navigation item. |
Link To | Defines the destination of the menu item. You can paste a URL or select an internal page, category, or collection. |
Add New Page | Allows you to add additional menu items under the same menu. Each item can link to a different destination. |
The Navigation Status controls whether the menu is visible on the storefront.
Status | Behavior |
|---|
Active | Menu is published and visible to customers. |
Inactive | Menu is saved but hidden from the storefront. |
This allows you to prepare menus in advance and activate them only when required, such as during seasonal updates or campaigns.
- Once you have entered all the information, click Save.
-
Add a Sub Menu (Sub Page)
Sub menus, also referred to as sub pages, allow you to create nested navigation under an existing menu page. This helps group related pages or collections and keeps the top-level navigation clean and organized.
How to Add a Sub Page
Once you have added one or more pages to a menu:
- Click on the divider line of the page under which you want to add a sub page
- Select Add Subpage
- Enter the sub page name
- Select the destination under Link To
- Save the menu
The newly added sub page appears nested under the selected parent page.
Components of Menu and Navigation
Menus
Menus represent the main navigation structure visible to customers, typically in the header or sidebar of the storefront.
Common examples include:
- Main menu (top navigation)
- Footer menu
- Category-based menus
Each menu can contain multiple items and sub-items.
Menu Items
Menu items are the individual links inside a menu. Each item can point to:
- A product category
- A collection
- A CMS/static page
- An external URL
Menu items can be arranged hierarchically to create dropdown or mega-menu experiences.
Pages and Subpages Navigation (Hierarchy)
Navigation supports multi-level hierarchy, allowing you to create structured flows such as:
This hierarchy helps customers narrow down choices naturally and mirrors how they think while shopping. You can subpage to create a hierarchy based navigation.