Configure custom shop navigation
- Availability
- Beta
Use custom shop navigation when the standard shop pages are not enough for the customer journey. You can add links to shop pages, campaign pages, legal information, partner sites, or other customer-facing resources.
Custom navigation items appear after the built-in shop page links in the desktop header, mobile menu, and overflow menu.
Before you start
You need back-office access to Shops and permission to edit the shop's Page Builder.
Confirm:
- which pages or external URLs customers should reach from the header
- which label should be shown in each shop language
- whether the link should be a single header item or part of a dropdown
- whether the destination is a shop page or an external URL
Open Custom navigation items
- In the back office, open Shops.
- Select the shop.
- Open Page Builder.
- Open Navigation.
- Find Custom navigation items.
Add a single link
- Select Add item.
- Keep the item set to Single link.
- Enter the customer-facing label.
- Choose the link type.
- For an internal page, select the shop page.
- For an external or relative URL, enter the URL.
- Save the navigation settings.
External URLs open in a new browser tab. Relative URLs and internal shop page links keep customers in the same shop.
Add a dropdown
Use a dropdown when several related links should share one top-level label.
- Select Add item.
- Change the item type to Dropdown.
- Enter the dropdown label.
- Add child links.
- Choose each child link destination.
- Save the navigation settings.
Dropdowns support one level of child links. Do not use a dropdown as a child of another dropdown.
Reorder or remove items
Drag items in the custom navigation list to change their order. You can also use the move controls when dragging is not convenient.
Remove a custom item when it should no longer appear in the shop header or mobile menu. Removing a navigation item does not delete the destination page.
Limits
Each shop can have up to 20 custom top-level navigation items. Each dropdown can have up to 15 child links.
Keep the header short enough to scan on desktop. Long navigation automatically uses the overflow menu, but customers should still see the most important destinations first.
Check the shop
After saving:
- Open the online shop on desktop.
- Check that the links appear after the standard page links.
- Open any dropdown and check each child link.
- Open the shop on a mobile-sized screen.
- Confirm the same custom items appear in the mobile menu.
Troubleshooting
| Problem | What to check |
|---|---|
| A link does not appear | The navigation settings were saved, the item has a label, and the shop page is still active. |
| A page link opens the wrong page | The selected internal shop page in the custom item. |
| An external URL is not accepted | Include a full URL such as `https://example.com`, or use a relative path that starts with `/`. |
| A dropdown cannot be saved | The dropdown has at least one valid child link and does not exceed the child limit. |
