Build Navigation

When you're using the Nautical-provided storefront, you can customize your navigation menus from the Dashboard without having to touch any code. When editing, the storefront editor looks up every navigation menu created on the dashboard and displays them. Any changes to the created menu items will be reflected in your storefront.

Add menu items

1. From the Dashboard, go to Storefront -> Navigation.

2. Open the menu you want to modify.

3. Select Create new item.

4. Enter a Name, which is the navigation item label that will appear to your customers.

5. Specify the Link:

   Type	Steps
   Category	This features a category from your dashboard on the menu. Select Category from the list, and then enter the category ID.
   Collection	This features a collection from your dashboard on the menu. Select Collection from the list, and then enter collection ID.
   URL	This features a URL that opens a different page when clicked. Select Page from the list, and then enter the page ID

6. Select Confirm.

note

When adding pages and collections to the navigation, ensure they are published to avoid sending users to 404 error pages.

Arrange menu items

You can arrange your menu by dragging and dropping menu items.

Create a nested navigation

You can drag and drop a menu item under another item to create a nested navigation structure.

When you have more than one layer, the property to the far left will appear as the main item and the indented items become sub-elements.

Manage navigation items

You can easily view, edit, or remove menu items using the icons on the right side of the sliders. Select the pencil icon to edit a menu item, or select the trash icon to delete a menu item.

If you delete a parent menu item with items nested underneath, the entire tree is removed.