Skip to main content

Generate a menu to control your collections list page

Last updated: October 07 2024

Written and researched by experts at Avada Learn more about our methodology
By Sam CEO

Shopify automatically creates a Collection Lists page, where all your collections are arranged alphabetically. While this is a good starting point, it’s not always ideal for showcasing your products effectively.

Luckily, you can choose which collections appear on your main menu or the collection page and rearrange them to create a more engaging and user-friendly experience for your customers.

This article will show you how to do just that! I’ll be showing you how to do this on a desktop, but you can easily follow the same steps on your mobile phone, whether you’re using an Android or an iOS device, through the Shopify app.

Setting Up On Your Theme Settings

  • Step 1: In Shopify admin, choose Online Store > Themes. If you can not see the Online Store section, please click on Sales Channels and search Themes on the Search bar.

Menu To Control Your Collections List Page In Shopify

  • Step 2: From your Theme library, find the one that you want to edit, then click Customize.

Menu To Control Your Collections List Page In Shopify

  • Step 3: Choose Collections list from the top-bar drop-down menu -> Click Collections list

Menu To Control Your Collections List Page In Shopify

  • Step 4: Click the Collection list page under the Template section on the left bar menu to view and change the settings.

Menu To Control Your Collections List Page In Shopify

If your theme doesn’t include settings to modify the collection list page, then you need to create a menu and edit your theme code.

  • Step 5: From here, you can change the collection sorting, layout, and color scheme of your collection list page on the right side editing menu. Then click Save when you’re happy with the customization.

Menu To Control Your Collections List Page In Shopify

Generating A Menu To Control Your Collections List Page

  • Step 1: Back to the Shopify admin, now go to Online Store > Navigation

Menu To Control Your Collections List Page In Shopify

  • Step 2: Look at the right corner of the page and click Add menu.

Menu To Control Your Collections List Page In Shopify

  • Step 3: Let’s create a new menu, you should name it “All collections”, as Shopify uses it to figure out which collections to display on your collection page and in what order. Don’t worry, this name won’t be visible to your customers on your online store.

Menu To Control Your Collections List Page In Shopify

  • Step 4: Click Add menu item.

Menu To Control Your Collections List Page In Shopify

  • Step 5: Type in the name you want to display for a collection on the collections list page. Next, search or paste the link of the specific Collections you want to link to.

Menu To Control Your Collections List Page In Shopify

  • Step 6: After adding multiple menu items, you can drag and drop the menu items to rearrange their order. It will reflect on your collections list page. To finalize your changes, click Save menu.

Menu To Control Your Collections List Page In Shopify

  • Step 7: Check if the changes have taken place by going back to the collection list page on your Shopify store. If you see no changes, then you need to edit your theme code, I’ll show you how right below.

Generating A Menu To Control Your Collection List Page By Editing The Code

  • Step 1: From your Shopify admin, go to Online Store > Themes.

Menu To Control Your Collections List Page In Shopify

  • Step 2: Click the … button next to the theme you want to edit, then click Edit code.

Menu To Control Your Collections List Page In Shopify

  • Step 3: In the Sections directory on the left, click list-collections-template.liquid.

Find each occurrence of the following code:


{% for collection in collections %}

Some themes contain the following code instead:


{% for collection in list_collections %}

Replace each occurrence of the above code with:


{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}

Step 4: Click Save.

Bottom Line

I hope this tutorial has provided you with the guidance and knowledge needed to successfully generate a menu to control your Shopify collection list page. If you encounter any difficulties or feel overwhelmed, I recommend reaching out to Shopify support or hiring a Shopify expert for professional assistance.

FAQs

What's the advantage of controlling my collections list page?

  • You can strategically arrange the order of your collections, highlighting seasonal or promotional ones.
  • You can hide certain collections from the main page, creating a more focused shopping experience.

Can I create multiple menus to control different collection list pages?

Typically, you create one menu specifically named ‘All collections’ for this purpose. However, you can potentially use different menus for different sections of your store if your theme supports it.

Can I hide collections from the menu without deleting them?

Yes, you can simply remove them from the ‘All collections’ menu. They’ll still exist in your store but won’t appear on the main collections page.

Will this affect the navigation menus on other pages of my store?

No, the ‘All collections’ menu is typically used solely for controlling the collections list page and won’t affect your main navigation menus.

What if my theme already has built-in settings for the collections list page?

In that case, you can directly use those settings within your theme customizer. Creating a separate menu is usually necessary only when your theme lacks such built-in controls.

Sam
linkedin
Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.