Changing your collections page

All Shopify online stores have a page that lives at the URL your.store.url/collections which lists all of the store collections in alphabetical order. That page is commonly referred to as the Collections listing page. If you wish to remove collections from that page, or re-order the collections, you might need to customize your theme so that it pulls the collections listing from a menu.

Some themes, like the New Standard theme, already let you specify a menu to use by the Collections listing page. If you have the New Standard theme, head over to your Customize theme page and scroll down to the bottom of the Collection page section, where you will see this setting:

New standard collections page link list setting

For more information on how to create your menu, jump to the next section.

Some other themes don't offer a theme setting like the New Standard theme does, but will nevertheless look for the presence of a menu called All collections to use on the Collections listing page. In the absence of such menu, those themes fall back to listing all collections in your store from A to Z. Themes that behave like so are Supply and Solo.

For those themes that don't look for a menu, you will need to customize your theme, and we will cover that in the last section below.

Create your menu

You will need to create a menu called All collections.

If you have the Google Chrome browser on your computer, you can install the third-party Google Chrome extension Shopify FD. That extension will add a handy button to your Navigation page that will allow you to add such menu with a single mouse click. You can also create the menu yourself, you don't need any special tool for that.

  1. Add the Shopify FD extension to your Google Chrome browser.

  2. From your Shopify admin, click Online Store, and then click Navigation (or press G W N).

  3. Load the extension Shopify FD when you are on your Navigation page. The extension will add various buttons to the page. To load the extension, click the extension green icon at the top right of your browser.

    Load shopify fd

  4. Click the Create Collections menu button:

    Create all collections link list
    Don't rename the menu created by the extension. The name of the menu needs to be All collections.

  5. Remove from your menu all links to collections you do not wish to feature on your /collections page, and re-order the links in the same order as you wish to present the remaining collections. To re-order, click and drag the handle icon on the left of the Name.

If you are not using the Shopify FD extension, use the button Add a menu. Name your menu All collections and add links to your collections one by one.

Caution

It is very important that your links point to a Collection — and not a Web Address.

Use collection link not web address

Once you have your menu, go to the /collections page on your storefront, and see if the work you have done is reflected there. If not, you will need to customize your theme, and for that jump to the next section. If everything works already, then you are done.

Customize your list-collections.liquid template

The file that you need to edit inside your theme is the template that renders your /collections page. That template is named list-collections.liquid.

To edit that file, Go to the Edit HTML/CSS page, and, under Templates, click on list-collections.liquid to open the file in the online code editor.

Don't hesitate to use the sidebar search box to locate the file, like so:

Find list collections template

You can also use this direct link if you are editing your published theme.

In the list-collections.liquid template, find all occurrences of this line of code:

{% for collection in collections %}

… and replace it with those two lines:

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

Save your file, and you're done.

Did you know?

Can't find the template or the line of code to edit? Look inside theme.liquid.

Note

In the Brooklyn theme, there will be two occurrences of the {% for collection in collections %} code to replace in list-collections.liquid. Also, to get your collections properly laid out on the page, make sure to have the same amount of collections in your All collections menu as you do in your store, minus the Frontpage collection.

Featuring Collections Using a menu

Want to discuss this page?

Visit the Shopify Community