Product grid
This article provides step-by-step guidance on customizing and displaying a grid view list of products based on a specific category on your collection page.
How to add a Product grid section?
Steps
In the theme editor (Customize), open the template selector.
Select Collections, then Default collection.
On the left-sidebar, add Product grid.
Make necessary changes > Save.
How to customize your Product grid section
General Settings
Filtering and sorting
Enable sorting: When enabled, it will display sorting options for arranging products
Enable filtering: When enabled, it will display the configured filter options, allowing you to filter products
To customize filters in your store, you will need the Shopify Search & Discovery app.
This app not only enables you to tailor your filters but also grants you the capability to personalize search results and product recommendations, providing you with greater control over how customers explore and find your products.
Show filter counts: Display the quantity of products when filtering
Desktop filter layout: 3 options for desktop filter layout
Note: Mobile layout will be automatically optimized.
Product grid
Pagination type
Section padding
Top padding: Customize the top margin of the section
Bottom padding: Customize the bottom margin of the section
Block settings
Promotion
Last updated