You can add a section that displays products in a collection.
Section settings
Setting | Description |
Heading | The title of the section. Click the dynamic source button to insert a dynamic source as the title of the section. |
Subheading | The subtitle of the section. Click the dynamic source button to insert a dynamic source as the title of the section. |
Collection | Pick a collection you want to display products from. Click Change to remove or change the collection. |
Heading size | Change the size of the heading and subheading. Choose between small, medium, or large. |
Maximum products to show | The number of products from the collection to display. Minimum: 2. Maximum: 12. |
Number of columns on desktop | Set a specific column layout on screens wider than 989 pixels. Choose between 1 and 2 columns. Minimum: 1. Maximum: 5. |
Make products full width | Display products in the full width of the window, regardless of the page width setting. |
Enable "View all" button if collection has more products than shown | If the collection has more products than set in the Maximum products to show field, then this displays a "View all" button that takes the customers to the collections page. |
Enable carousel on desktop | Display products in a carousel on screens wider than 989 pixels wide. |
Color scheme | Pick a color scheme. |
Number of columns on tablet | Set a specific column layout on a widescreen between 751 pixels and 989 pixels. |
Number of columns on mobile | Set a specific column layout on screens less than 750 pixels wide. Choose between 1 and 2 columns. |
Enable swipe on tablet and mobile | Changes the mobile and tablet displays from a column to a row, where customers can swipe sideways to see more products. |
Section padding | Add spacing to the top or bottom of the featured collection section. Use the range slider to add between 0px and 100px of space above or below the featured collection section. |
Banner image settings
You can put an image beside the products.
Product card settings
For product card settings, you can refer to this article for more details.
Comments
0 comments
Article is closed for comments.