Welcome to Eight Docs

How to Set Up Collection Filters & Links

What is a Global Menu?

On your collection pages, you can choose to add a Global menu to appear on every collection - regardless of which collection is being viewed.

 

What is a Dynamic Menu?

Instead of displaying a global menu to appear on every collection page, you have the option to add a Dynamic menu to appear on a specific collection page.

This is essentially an option that displays a subsection of a menu, allowing you to display another layer of navigation links that are relevant to the specific collection a customer is viewing.

 

Understanding Menus & Navigational Layers

To add either a global or dynamic menu to your collection page, you must first understand how to set one up with the correct navigational layers within your Shopify admin settings.

 

  1. Within your Shopify admin, go to Sales Channels > Online Store > Navigation.
  2. Select the menu you wish to use within your header, or create on by selecting Add menu.

 

Menus are made up of navigational layers, as signified by the arrow ▶.

 

 

 

To understand how to set up a global or dynamic menu, it's important to recognize your menus as 1st, 2nd, 3rd (etc.) navigational layers.

 

Example:

  • 1st navigational layer = 'Shop'

  • 2nd navigational layer = 'Going Out'

  • 3rd navigational layer = 'Footwear'

 
 
 
 

How to Set Up a Global Menu

Step 1: Create a Menu

 

The first step is to create a menu within your Shopify admin settings.

  1. Within your Shopify admin, go to Sales Channels > Online Store > Navigation.
  2. Select the menu you wish to use within your header, or create on by selecting Add menu.
 

Step 2: Set the 1st Navigational Layer to All Collections

 

In order for the global menu to appear on all collection pages, the 1st navigational layer of the menu must be set to All Collections.

  1. Within your newly-created empty menu, select Add menu item to create your 1st navigational layer.
  2. Name your menu item whatever you wish the title of your menu to be.
  3. Under Link, set your 1st navigational layer as All Collections.
  4. Select Add to complete the 1st navigational layer.
  5. Continue to create menu items for the 2nd navigational layer and beyond to finish your menu.
 

Step 3: Add a Global Menu Content Block to Your Collection Page

 

Once your global menu has been set up with your 1st navigational layer set to All Collections, you can now add this menu into a content block on your collection page.

  1. From the drop-down menu at the top of your theme editor, select Collection page.
  2. From the left-hand menu, select Collection filters/links.
  3. Under Content, select Global menu.

 

In this scenario, this menu will appear on every single collection page, regardless of which collection is being viewed.

 

How to Set Up a Dynamic Menu

Step 1: Create a Menu

 

To set up a dynamic menu, you need to choose:

  • A collection (to house your subcollections.)A subcollection (to house further navigation links).

 

The first step is to create a menu within your Shopify admin settings.

  1. Within your Shopify admin, go to Sales Channels > Online Store > Navigation.
  2. Select the menu you wish to use within your header, or create on by selecting Add menu.
 

Step 2: Set Your Chosen Collection as a 1st-Navigational Menu Item

In order for the dynamic menu to appear on all collection pages, the 1st navigational layer of the menu must be set to your chosen collection.

  1. Within your newly-created empty menu, select Add menu item to create your 1st navigational layer.
  2. Name your menu item whatever you wish the title of your menu to be.
  3. Under Link, set your 1st navigational layer as a collection of your choice.
  4. Select Add to complete the 1st navigational layer.

Step 3: Set Your Chosen Subcollection as a 2nd-Navigational-Layer Menu Item

Underneath your chosen collection, you must add a subcollection of your choice as the 2nd navigational layer.

  1. Underneath the collection's 1st navigational layer, select Add menu item to create a 2nd navigational layer.
  2. Name your menu item whatever you wish the title of your menu to be.
  3. Under Link, set your 2nd navigational layer as your subcollection.
  4. Select Add to complete the 2nd navigational layer.
 

Step 4: Create Another 1st-Navigational-Layer Menu Item for Your Subcollection

 

The final step within your navigational settings is to create another 1st-navigational-layer to mirror the one featuring your collection. However, this 1st navigational layer instead will house your chosen subcollection.

As a result, when a customer clicks on the 2nd-navigational-layer subcollection within a collection menu, they will be taken to another set of links within that subcollection. This allows you to create an indefinite link of navigation options as your customers click through your subcollections.

 

  1. Select Add menu item to create another 1st navigational layer for your subcollection.
  2. Name your menu item whatever you wish the title of your menu to be.
  3. Under Link, set your 1st navigational layer as your chosen subcollection.
  4. Select Add to complete the 1st navigational layer.

 

Add the rest of your menu items to fill in the rest of your menu. Once completed, it should feature:

 

  • Your chosen collection as a 1st navigational layer - and underneath that, your chosen subcollection as the 2nd navigational layer.
  • Your chosen subcollection as another 1st navigational layer.

Step 5: Add a Dynamic Menu Content Block to Your Collection Page

 

Once your dynamic menu has been set up correctly within your navigation settings, you can now add this menu into a content block on your collection page.

 

  1. From the drop-down menu at the top of your theme editor, select Collection page.
  2. From the left-hand menu, select Collection filters/links.
  3. Under Content, select Global menu.

 

In this scenario, this menu will appear on every single collection page, regardless of which collection is being viewed.


Still need help?

 

Email our friendly support team with your query: theme-support@weareeight.com.

So that we can best help, please ensure you provide key details including:

  • What your query is about

  • Which theme you are using

  • Your .myshopify.com URL

  • Your .myshopify.com password (if the shop is locked for visiting customers)

  • Any screenshots that may help us resolve your query as quickly as possible.

Was this article helpful?