Product grid
How to customize your product listing section of the collection template
Last updated
How to customize your product listing section of the collection template
Last updated
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.
Steps
In the theme editor (Customize), open the template selector.
Select Collections, then Default collection.
On the left-sidebar, locate Product grid
Make necessary changes > Save.
Set the number of Products per page (8-36 products) and the Number of columns on desktop (1-6 products);
Provide the Product grid with an appealing and appropriate Grid layout:
Standard
Grid mix
Moreover, you can also enable Pagination in 3 ways:
Allow your customers to filter collections and search results by product availability, price, color, and more.
You can also Enable sorting on the collection. The collection can be sorted by:
Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old
There are 2 types of Desktop filter layouts: Vertical and Drawer (Default mobile layout)
If you want the filter groups to open/expand automatically when accessing the collection page, you can insert group filter name into the Expand filter groups field, and each group filter is separated by a comma. Exam: Price, Color, Size
Go to Online store > Navigation
Go to Apps > Search & Discovery > Filters > Edit filters
Add or remove filters to show/hide from the storefront filters > Save the settings.
In the theme editor (Customize), open the template selector > Select Collections > Default collection.
On the left-sidebar, locate Product listing > Select Enable filtering checkbox
Save
You can adjust the Number of columns on mobile to 1 column or 2 columns.
This section allows you to Enable filtering for the collection. You can customize filters with the Search & Discovery app.
Customizing the filters in your store requires the app.
Learn how to .
Click Add and install the app for your store