Collections list page

The page at /collections: every collection in the store, as a grid. It uses the Main list collections section.

This is the template. For a hand-picked selection of collections on the home page, use the Collection list section instead.

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.
  • Heading. Default: Collections.
  • Subheading. Optional.
  • Heading alignment. Left (default), Center or Right.
  • Image ratio. Adapt to image, Square (1:1), Portrait (3:4) (default) or Landscape (4:3).
  • Desktop columns. Range: 2 to 5. Default: 3.
  • Mobile columns. 1 column or 2 columns (default).
  • Sort collections by. Manual order (default), A–Z or Most products first.
  • Show product count. Shows how many products each collection holds. Default: off.
  • Show empty collections. Default: off.
  • Color scheme. Default: scheme-1.
  • Top padding / Bottom padding. Range: 0 to 100 px in 4 px steps. Default: 60 px each.

Sorting

Manual order follows the order collections are arranged in Shopify admin > Products > Collections. It is the default because it is the only one you control: A–Z is alphabetical accident, and Most products first ranks by inventory rather than by importance.

Use manual order and put your strongest collections first.

Empty collections

Hidden by default. A collection with no products in it is usually one that is seasonal, being prepared, or driven by rules that currently match nothing. A shopper benefits from clicking into none of those.

Turn them on only if you want an empty collection visible as a placeholder for something coming.

Tips

  • Give every collection an image. This page is almost entirely images; a collection without one falls back to its first product, which is rarely the crop you’d choose.
  • Show product count only if the numbers flatter you. “3 products” beside a collection tells a shopper not to bother.
  • Two mobile columns keeps the page scannable on a phone. One column suits a store with only a handful of collections and strong photography.
  • This page is often better linked than navigated to. Many stores point their menu straight at individual collections and use this page as a fallback route.

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