Appearance

Feature collections in navigation ​

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

Use this feature to display products inside a dropdown menu in the header navigation area. Refer to Shopify help: Menus and links.

The previous video shows a store's home page. At the top of the page, the header navigation area contains the Shop dropdown. Products from the Shop collection are featured inside the dropdown, with links to the products' pages. The dropdown's View all button displays all of the products from the Shop collection.

Note

This feature is available only with desktop navigation. It is not available with navigation in 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 your Shopify admin, select Content > Menus > Main menu.

  2. On the Main menu page, select Add menu item.

  3. In the Add menu item area, provide the following information:

    • In the Label field, enter a name for the new menu item.
    • In the Link field, choose a collection page to link to, and then select Add.

    For example, the following image shows the Add menu item area with the T-shirts label and a link to the T-shirts collection page.

    The Add menu item area with the T-shirts label and a link to the T-shirts collection page in Shopify admin.

  4. Select Save.

Feature products from a collection in the header ​

To feature products from a collection in the header's navigation area:

  1. In the Theme editor, use the dropdown at the top of the page to select the Home page template.

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

  3. Enable the Showcase first-level collections option.

    The Showcase first-level collections option enabled in the Theme editor.

  4. Preview the page to verify that the header dropdown menu displays products from the collection.

  5. Select Save.