Featured collection
You can add a section that displays products in one collection.
Last updated
You can add a section that displays products in one collection.
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Featured collection".
Setting | Description |
---|---|
Heading | The title for this section. |
Heading style | Style of the heading. |
Heading size | The size of the heading text:
|
Heading alignment | The alignment of the heading text and description within the section container:
|
Description | The description for this section. |
Show collection description from the admin if available. | Show the description that you've entered for this collection in admin. |
Collection | Which collection you want to display products from. |
Maximum products to show | The number of products from the collection to display. Minimum: 2. Maximum: 25. |
Number of columns on desktop | Determines the number of product columns on the desktop. Can be from 2 to 4, increasing arithmetically of 1. |
Color scheme | Set the color for this section. (Not apply for product card. Color of the product card is changed in the theme settings.) |
Setting | Description |
---|---|
Image ratio | The image ratio for the product images:
|
Show second image on hover | When the customer hovers their cursor over the product image, displays the second product image if the product has one. |
Show vendor | Displays the vendors of the products. |
Enable quick add button | Displays the quick add button that opens a popup displaying all the essential product details. |
Setting | Description |
---|---|
Enable "View all" if collection has more products than shown | Displays the "View all" button if collection has more products than the "Maximum products to show" setting. |
Button style | Style of the "View all" button:
|
Setting | Description |
---|---|
Number of columns on mobile | Determines the number of product columns on the mobile:
|
Show pagination | Displays the pagination for this section. |
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |