Product grid
In the collection template, you can customize the layout and style if the product grid.
You can also add promotion tiles and customize sorting and filtering.
Customize section styles
Click the banner section to edit the general section styles for colors and spacing, available in all sections:
Change grid layout
Change the number and layout of products. You can also display the number of product results.
Click Product grid section to find settings
Products per page
Set the maximum number of products to display per page.
1-50 Default: 20
Number of columns on desktop
Select the number of products per row on desktop screens.
2 3 Default 4
Number of columns on mobile
Select the number of products per row on mobile screens.
1 2 Default
Show total number of results
Display the total number of products in the collection.
Default: Enabled
Customize product listing styles
To customize the product card styles, you can change the product listing settings. These settings change all product cards across your site, including in featured collection and product recommendation sections.
In your theme editor, go to Theme settings > Product listings to customize the style and features of product cards.
Last updated
Was this helpful?