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

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:

  1. Find the theme that you want to edit and click Customize.

  2. From the top-bar drop-down menu, select Collections list.

  3. Click Collection list page to view and change the settings:

    Collections list page settings

  4. 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:

  1. Click Add menu.

  2. Name your menu All collections. It is important that you do not change this name, as it is 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.

  3. Click Add a menu item. 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:

    All collections menu

    To move a menu item to a new position, click and drag the dots on the left side of the menu item.

  4. 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:

  1. Find the theme you want to edit, and then click Actions > Edit code.

  2. In the Templates directory, click list-collections.liquid.

  3. Find each occurrence of the following code:

    {% for collection in collections %}

    Replace each occurrence of the above code with:

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

Ready to start selling with Shopify?

Try it free