Feature collections in navigation

This guide describes how to feature products from a collection inside the header section.

Use this feature to display products inside a dropdown menu, in the header navigation area, at the top of store pages. Refer to Shopify help: Menus and links (opens new window)

The previous image shows a store’s homepage. The header navigation area, at the top of the page, contains a dropdown. Products from a collection are featured inside the dropdown, with links.

Note

This feature is available only with desktop navigation, and it is not available with navigation inside the mobile drawer.

Add a new menu item to the header

To add a new item to the header menu, with links to products from a collection:

1. In Shopify admin, select Online store > Navigation.

2. In the Menus pane, select Main menu.

   

3. In the Menu items pane, select Add menu item.

   

4. In the Add menu item pane, in the Name box, enter a name for the new menu item.

   For example, enter Seltzers.

5. In the Add menu item pane, select the Link box, choose a collection page to link to, and then select Add.

   For example, select Collections > Selzers.

   

6. Select Save.

Feature collection items in the header

To feature collection items in the header’s navigation area:

1. In Theme editor, select Customize theme.

2. Use the dropdown at the top of the page to select the Home page template.

3. In the side menu, select the Header section.

   

4. Select the checkbox to enable the option to Showcase first-level collections.

   

5. Verify that the header dropdown menu displays products from the collection.