Product grid
Collection page
Last updated
Collection page
Last updated
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.
Click the banner section to edit the general section styles for colors and spacing, available in all sections:
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
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.
Product card details
Show vendor, swatches, and rating stars.
Product image styles
Change image shape and show secondary image on hover.
Product badges
Show sale and sold-out badges.
