Altering your collections page in Shopify


Altering your collections page in Shopify

Every one Shopify online stores have a page that lives at the URL which lists all of the store set in alphabetical order. That page is normally referred to as the Collections listing page. If you desire to get rid of collections from that page, or re-order the sets, you may require to customize your theme so that it hauls the collections listing from a menu.

Like the new standard theme some themes.

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 sets page link list setting

Jump to the next section for additional information on how to create you menu.
Like the latest standard theme does, few other themes do not offer a theme setting, but will nonetheless look for the occurrence of a menu called all collections to utilize on the collections listing page. In the non existence of such menu, those themes fall back to listing all collections from A to Z in your store. Themes that act like so are solo and supply.

For the themes that does not look for a menu, your theme will not need to be customized and in the final section below we will cover that.

In this piece of writing

• Create your menu
• Customize your list-collections.liquid template
• Related articles

Create your menu

You will require generating a menu called All collections.
On your computer if you have google chrome, you can install the third party Google chrome extension Shopify FD. To your navigation page that extension will add a handy button that with a single mouse click allow you to add such menu. You can yourself create this menu, any special tool is not needed for that.

1. To your google chrome browser add the Shopify FD extension.

Desktop                                        iPhone                                               Android  

2. Click online store and then click navigation (or press G W N), from your Shopify admin.

3. When you are on your navigation page, load the extension Shopify FD. Various buttons to the page the extension. For extension to be loaded, at the top right of your browser, click the extension green icon.

4. Click the Create Collections menu button:


Do not rename the menu shaped by the extension. The name of the menu requirements to be all collections.

5. From your menu, eliminate all the links to collections you do not desire to feature on your / collection page and reorder the links in the similar order as you desire in attendance the left behind collections. To re-order, click and drag the touch icon on the left of the name.

If shopify FD extension is not used by you, insert a menu by using the button. Name your menu all collections and insert links to your collections by one.


It is very significant that your links point to a compilation — and not a Web Address.
Utilize compilation link not web address.


Once you have your menu, go to the /collections page on your storefront, and watch if the work you have done is repeat there. If not, you will need to customize your theme, and for that leap to the next section. If the whole thing works already, then you are done.

Customize your list-collections.liquid template

The file that you require to edit within your theme is the template that provide your /collections page. That template is named list-collections.liquid.

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

Don’t be uncertain to use the sidebar hunt box to situate the file, like so:


Discover list collections template

You can also employ this direct link if you are editing your available theme.
In the list-collections.liquid template, find all occasions of this line of code:

{% for collection in collections %}
… and substitute it with those two lines:
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
Save your file, and you’re done.


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


In the Brooklyn theme, there will be two incidences of the {% for collection in collections %} code to substitute in list-collections.liquid. Also, to get your collections correctly leave out on the page, make certain to have the similar amount of collections in your all sets menu as you do in your store, minus the Frontpage collection.


About Author

Leave A Reply