Catalog page

The catalog is the page at /collections/all: everything you sell, in one filterable grid. It uses the Main catalog section, which is close to the Collection page but replaces the hero banner with a text heading and a sidebar menu. It has none of the collection page’s grid styles, pagination choices or promotional tiles: the catalog is a plain, numbered grid.

It is an alternate template, collection.all.json, so editing it doesn’t affect your individual collection pages.

Section settings

  • Show back link and breadcrumb. The back link returns to the previous page in your store, and the breadcrumb traces the path from the home page. Default: on.

Catalog heading

  • Show catalog heading. Displays a heading above the sidebar and on mobile. Default: on.
  • Catalog heading. Leave empty to use the collection name. Shown when the heading is on.
  • Heading link. Optional URL the heading links to. Shown when the heading is on.
  • Sidebar navigation. A menu shown at the top of the sidebar.

Filters and toolbar

  • Show filters. Default: on.
  • Show sort options. Default: on.

Product grid

  • Products per page. Range: 4 to 24 in steps of 2. Default: 12.
  • Desktop columns. 2 columns, 3 columns (default) or 4 columns.
  • Show vendor. Default: off.
  • Show second image on hover. Displays the alternate product image on hover. Default: on.
  • Show quick add button. Shows the quick add + button on the cards in this grid. Default: on. It also needs Show quick add button to be on under Product cards.

Colors

  • Color scheme. Default: scheme-1.

Spacing

  • Top padding / Bottom padding. Range: 0 to 300 px in 5 px steps. Default: 95 px and 65 px. The largest padding, used on screens 1920 px and wider; it scales down on smaller screens.

Blocks

  • App block. Any block offered by an installed app.
  • Custom Liquid. See Custom Liquid.

Catalog or collection?

Both show a filterable grid. The difference is what a shopper arrives expecting.

  Catalog Collection
URL /collections/all /collections/<name>
Opens with A heading and the sidebar A hero banner using the collection image
Suits Browsing everything A curated, themed group

Link the catalog from your navigation as “Shop all” or similar, and use collections for the routes into it.

Tips

  • Use the sidebar navigation as the main way in. On the catalog page it is the shopper’s map of your collections, and it is the one thing this template has that the collection page’s hero replaces.
  • Filters matter more here than anywhere. This is the page with the most products on it, so it is where a shopper most needs to narrow down. Configure them in Search & Discovery.
  • Leave the heading empty to let it follow the collection name, unless “All products” isn’t the word you’d use.

Pave theme © Corebia. Documentation last updated {{ site.time | date: "%B %Y" }}.