Pebble Theme
Collections And Products

Collections list page

2 min read
image

The Collections list page displays all the collections you choose to show in one place. You can control which collections appear, adjust the layout, and customize how they look on both desktop and mobile.

How to access Collections list page template

Steps:

  1. From the theme editor (Customize), select the template selector.
  2. In the dropdown menu, select Collections list template.
  3. Make necessary changes.
  4. Save the settings.

The storefront uses the default handle /collections.

Example: https://yourstore.myshopify.com/collections

Collection list section

Section settings

Layout

  • Columns: Choose the number of collection cards to show per row on desktop.
  • Collections per page: Set how many collections appear before pagination begins.
  • Horizontal gap / Vertical gap: Adjust the horizontal and vertical spacing between collection cards.
image

Mobile layout

These settings allow you to customize how the collection list appears on mobile devices, including:

  • Number of columns displayed on mobile.
  • Horizontal and vertical spacing between collection cards.

Collection list block

Collection card

Each block represents a collection card. You can add multiple blocks and reorder them as you like.

  • Aspect ratio: Sets the shape of the collection image.
image
  • Go to Theme settings > Collection cards and set the aspect ratio there to use it as a global setting.
image
  • The image ratio adapts to the original size of the uploaded image.
image
image
image
image
image
  • Alignment: Controls the horizontal alignment of the collection title.
image
image
image
  • Show product count: Toggles whether the number of products in the collection is displayed.

Nested dynamic blocks

You can add multiple dynamic blocks within this section.
Use these blocks to customize the layout further or add additional content types.

Theme blocks

Other sections

The Collections list template supports all theme sections. You can freely add, remove, or rearrange sections—just like any other page.

Theme sections

Best practices

  • Use high-resolution images for collection thumbnails so the grid looks clean and consistent.
  • Order your collection blocks strategically — feature best-selling or seasonal collections first.
  • Use the aspect ratio setting to ensure visual consistency across all cards.
Last updated