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.

Update the main navigation bar

The storefront looks for a navigation menu named main to populate navigation links for your online store. Any changes to this menu will be reflected in your storefront.

To customize the main navigation bar along the top of your storefront, edit the navigation menu named main. If a main menu does not exist, create one.

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	Select Category from the list, and then enter the category ID.
   Collection	Select Collection from the list, and then enter collection ID.
   Page	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.