Links
Comment on page

Collection page

How to customize your collection page
An example of a collection page in Zest
This article guides you on how to customize and show a list of products based on a category in a grid view on your collection page.
In this article:
Steps
  1. 1.
    In the theme editor (Customize), open the template selector.
  2. 2.
    Select Collections, then Default collection.
  3. 3.
    On the left-sidebar, locate Collection page.
  4. 4.
    Make necessary changes > Save.

General and layout

  • Control the listing's container type and the layout.
  • Show the number of product per row and per page.
  • Enable or disable product count.
Collection page: General settings

Filtering and Sorting

Allow your customers to filter collections and search results by product availability, price, color, and more.
Collection page: Filtering and sorting example
  • Enable/disable filter and sort by option
Collection page: Filtering and sorting settings

Follow the steps below to customize filters:

Customizing the filters in your store requires the Shopify Search & Discovery app.
The app also allows you to customize search results and product recommendations to give you more control over how customers discover your products.
  1. 1.
    Go to Online store > Navigation
  2. 2.
    Add the filter options that merchants want to display.
Locate Navigation in your Shopify admin
3. Make necessary changes.

Pagination

Collection page: pagination settings
Enable pagination in 3 ways.
Paging by numbers
Load more button
Infinite scroll
Collection page: Paging by numbers example
Collection page: Load more button example
Collection page: Infinite scroll example