Generate a menu to control your collections list page
Last updated: October 07 2024
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.
- Step 2: From your Theme library, find the one that you want to edit, then click Customize.
- Step 3: Choose Collections list from the top-bar drop-down menu -> Click Collections list
- Step 4: Click the Collection list page under the Template section on the left bar menu to view and change the settings.
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.
Generating A Menu To Control Your Collections List Page
- Step 1: Back to the Shopify admin, now go to Online Store > Navigation
- Step 2: Look at the right corner of the page and click Add menu.
- 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.
- Step 4: Click Add menu item.
- 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.
- 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.
- 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.
- Step 2: Click the … button next to the theme you want to edit, then click Edit code.
- 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.