Log in
Start free trial

Change the order of your collections

Your store includes a collections list page at the URL your-store.com/collections that shows all of your collections in alphabetical order. This customization shows you how to specify which collections are included, and how to change their order on the page.

Collections list page

On this page

Check your theme settings

The current versions of all free Shopify themes include settings that allow you to make changes to the layout of your collections list page from the theme editor.

Steps:

Desktop
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. From the drop-down menu at the top of the page, or from the Templates menu on mobile, select Collections list.
  4. Click Collection list page to view and change the settings.
  5. Click Save.
iPhone
  1. From the Shopify app, tap the … button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Manage all themes.
  4. Find the theme that you want to edit, and then tap Customize.
  5. Tap Edit.
  6. From the drop-down menu at the top of the page, or from the Templates menu on mobile, select Collections list.
  7. Click Collection list page to view and change the settings.
  8. Click Save.
Android
  1. From the Shopify app, tap the … button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Manage all themes.
  4. Find the theme that you want to edit, and then tap Customize.
  5. Tap Edit.
  6. From the drop-down menu at the top of the page, or from the Templates menu on mobile, select Collections list.
  7. Click Collection list page to view and change the settings.
  8. Click Save.

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.

Create a menu to control your collections list page

You can create a menu to specify which collections you want to include on your collections list page.

Steps:

Desktop
  1. From your Shopify admin, go to Online Store > Navigation.
  2. Click Add menu.
  3. Name your menu All collections. It's important that you don't change this name, because it's used by your theme to determine which collections to show on the collections list page, and in what order. The menu name doesn't show on your online store.
  4. Click Add a menu item.
  5. In the Add menu item window, enter the name of a collection that you want to show on the collections list page. Click the Link field and select Collections, and then click the name of the collection. To move a menu item to a new position, click and drag the dots on the left side of the menu item.
  6. Click Save.
iPhone
  1. From the Shopify app, tap the … button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Navigation.
  4. Click Add menu.
  5. Name your menu All collections. It's important that you don't change this name, because it's used by your theme to determine which collections to show on the collections list page, and in what order. The menu name doesn't show on your online store.
  6. Click Add a menu item.
  7. In the Add menu item window, enter the name of a collection that you want to show on the collections list page. Click the Link field and select Collections, and then click the name of the collection. To move a menu item to a new position, click and drag the dots on the left side of the menu item.
  8. Click Save.
Android
  1. From the Shopify app, tap the … button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Navigation.
  4. Click Add menu.
  5. Name your menu All collections. It's important that you don't change this name, because it's used by your theme to determine which collections to show on the collections list page, and in what order. The menu name doesn't show on your online store.
  6. Click Add a menu item.
  7. In the Add menu item window, enter the name of a collection that you want to show on the collections list page. Click the Link field and select Collections, and then click the name of the collection. To move a menu item to a new position, click and drag the dots on the left side of the menu item.
  8. Click Save.

For some themes, such as Supply, creating the All collections menu is all that you need to do. To check whether any changes have taken place, go to your collections list page (your-store.com/collections) on your online store. If you see no changes, then you need to edit your theme code.

Customize your list-collections.liquid template

You can edit the code for your collections list page so that the page displays only the collections that you have included in the All collections menu.

Steps:

Desktop
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
  3. In the Sections directory, click list-collections-template.liquid.
  4. 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 %}
  1. Click Save.
iPhone
  1. From the Shopify app, tap the … button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Manage themes.
  4. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
  5. In the Sections directory, click list-collections-template.liquid.
  6. 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 %}
  1. Click Save.
Android
  1. From the Shopify app, tap the … button.
  2. In the Sales channels section, tap Online Store.
  3. Tap Manage themes.
  4. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
  5. In the Sections directory, click list-collections-template.liquid.
  6. 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 %}
  1. Click Save.
Can’t find the answers you’re looking for? We’re here to help.