Taking Control of your Catalog Page

This article will cover, all in one place, everything you have always wanted to know about the Catalog Page

Caution

This is an unsupported customization. Learn more here ›

The page shown at /collections/all is referred to as The Catalog Page because a new Shopify store always includes in its Main Menu a link called 'Catalog' that points to this very page.

The questions we will answer about The Catalog Page are listed below in the table of contents:

    In this article:

  1. What is the collection shown at /collections/all
  2. How do I reorder products shown at /collections/all
  3. How do I add text to the page at /collections/all
  4. How do I change the title *Products*
  5. How do I make the page at /collections/all my home page

What is the collection shown at /collections/all

In Shopify-speak, the collection at /collections/all is an automatic collection (created by Shopify to exist by default in your store). It will display all products in your shop that have not been hidden. That includes products that are out of stock.

How do I reorder products shown at /collections/all

To be able to sort the products shown at /collections/all, you will need to create a collection that uses the Permalink/Handle all to replace the automatic collection Shopify created for that URL.

Here are the steps:

  1. Go to your Collections page in your admin.

  2. Add a collection with title 'All' and which you set to "Automatically select products based on conditions".

  3. Set the product condition 'Product price is greater than 0'. Then click save.

    #

    Here's your chance to hide products that are out of stock: you can also add — or not, as you wish — the condition: 'Inventory stock is greater than 0'.

  4. On that same page — the admin page of your new collection, scroll down to the Products section and under the heading Sort by collection area, select 'Manually' from the drop-down. Then reorder the products using the small drag and drop handles. Alternatively, use an automatic sorting criteria such as 'By Best Selling'. The order of the products shown at /collections/all should reflect your changes.

  5. If you do not like the title 'All' that shows up on the /collections/all page, and only after having completed steps 1-2-3, go back to your 'All' collection admin page, click on the Edit link for it, and change the title to whatever you like better, then save.

Whatever you do, make sure that the Handle of your collection is set to "all".

#

How do I add text to the page at /collections/all

If you have completed all steps presented in the last section, you now have a regular collection, to which you can add a description. So go ahead and add one to it.

How do I change the title *Products*

If you have completed all steps presented under How do I reorder products shown at /collections/all, you will have been able to change your collection title to whatever you want.

5. How do I hide the collection title

If you want no title, that's fair enough. There are many ways to hide it.

5.1. You can edit your collection.liquid template

Find this code:

<h1>{{ collection.title }}</h1>

And replace it with this:

{% unless collection.handle == 'all' %}<h1>{{ collection.title }}</h1>{% endunless %}

5.2. You can also put HTML in the title field

Only after you have completed steps 1-4 under How do I reorder products shown at /collections/all, change the title of your collection to this:

<span class="hide-this">All</span>

In your stylesheet, add this CSS rule:

.hide-this {
   display:none;
}

How do I make the page at /collections/all my home page

  1. Back-up your theme by downloading it from the Themes page and clicking export:

    #

  2. Go in collection.liquid, do Ctrl-a (select all), then Ctrl-c (copy). Go in index.liquid, do Ctrl-a (select all), then Ctrl-v (paste).

  3. At the top of your amended index.liquid template, add this one line of code:

{% assign collection = collections.all %}

5. Now go to your Collections page in your admin and do steps 1-4 of How do I reorder products shown at /collections/all as detailed at the beginning of this article.

6. Save your work and go to your homepage. You should see there the same thing as you see at collections/all.

There is an added bonus: you now have a regular collection you can sort and add a description as well.

Ready to put what you've learned into action?

Build an online store with Shopify Try it Free

Experience the future of retail now

Shopify Point of Sale Try it Free