Overview
You can add a section that displays products in one collection.
Section settings
| Setting | Description |
|---|---|
| Section width | Set the width of the section using the drop-down menu:
|
| Section spacing | Set the spacing of the section using the drop-down menu:
|
| Collection | The collection you want to shown. |
| Layout | Choose between Grid and Carousel |
| Section header | |
| Heading | The heading of the section. |
| Header alignment | Choose the alignment of the section heading. Options are Left and Center. |
| Heading size | Set the height of heading using the drop-down menu:
|
| Subheading | The subheading of the section. |
| Button label | Enter text for a button, or leave blank to hide the button entirely. |
| GRID | |
| Maximum products to show | The number of products from the collection to display. Minimum: 2. Maximum: 24. |
| Number of columns on desktop | Number of columns to display on desktop computers. Minimum: 2. Maximum: 6. |
| Number of columns on mobile | Set a specific column layout for mobile devices When Layout mobile is stacked. Choose between 1 and 2 columns. Visible when the Layout setting is set to Grid. |
| PRODUCT CARD | |
| Show product info | Displays the product info for each product. |
| Show product rating | Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews , and metafield definitions for reviews.rating_count and reviews.rating. |
| Show vendor | Displays the vendor for each product. |
| Show swatch | Displays the swatch for each product. |