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
Setting | Description | Options |
---|---|---|
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.