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

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

To edit the layout of your collections list page:

  1. Go to the Customize theme page.

  2. In the theme preview, navigate to the collections list page:
    a. Add #/collections/ to the end of the URL in your browser's address bar.
    b. Copy your modified URL and paste it into a new browser tab.

    When the page loads, you will see your collections list page in the theme preview, and the Collection list page settings will be available in the theme editor:

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

    Collections list page settings
  4. Click Save.

If your theme does not include settings to modify the collection list page, then you will need to create a menu and edit your theme code.

Create a menu to control your collections list page

In this step, you will create a menu to specify which collections you want to include on your collections list page.

To create a menu to control your collections list page:

  1. Click the Add menu button.

  2. Name your menu All collections. It is important that you do not change this name, as it will be used by your theme to determine which collections to display on the collections list page, and in what order. The menu name will not display on the page.

  3. Add a menu link for each collection that you would like to display on your collections page. For each menu link, choose Collection from the drop-down menu:

    All collections menu

    To move a menu item to a new position, click and drag the dotted icon that appears beside the Name.

  4. Click Save.

For some themes, such as Supply, creating the All collections menu is all that you will have to do. On your online store, go to your collections list page (your-store.com/collections) to check whether any changes have taken place. If not, then you will need to customize your theme code by following the next steps.

Customize your list-collections.liquid template

In this step you will edit the code for your collections list page so that it displays only the collections that you have included in the All collections menu.

To customize your list-collections.liquid template:

  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.

Want to discuss this page?

Visit the Shopify Community