Navigation Menus
Navigation menus define the structure of your storefront's header, footer, and sidebar navigation. Menus are fully editable and support nested items.
Managing Menus
Navigate to Content → Navigation.
Creating a Menu
- Click New Menu
- Enter a name (e.g., "Main Menu", "Footer Menu")
- Save the menu
- Add items to the menu
Menu Items
Each item has:
| Field | Description |
|---|---|
| Label | Display text (localizable) |
| Type | Category, Product, Page, or URL |
| Target | The linked entity (category ID, product ID, page slug, or URL) |
| Sort Order | Position within the parent |
| Children | Nested sub-items (unlimited depth) |
Item Types
| Type | Links To | Example |
|---|---|---|
category | A sales category | "Shop → Tops" |
product | A specific product | "Featured: Summer Dress" |
page | A CMS page | "About Us" |
url | Any URL (internal or external) | "/sale", "https://blog.example.com" |
Nesting Items
Drag items to nest them under a parent. This creates dropdown/flyout menus in the storefront:
Main Menu
├── Shop
│ ├── Tops
│ ├── Bottoms
│ └── Dresses
├── New Arrivals
├── Sale
└── About Us
Localization
Menu item labels are localizable. Switch the language selector to translate labels for each language.
Store Scope
Menus can be associated with specific stores. This allows different stores to have different navigation structures.
tip
Create separate menus for header and footer navigation. The storefront fetches menus by ID, so you can have as many menus as needed.