Featured collection tab
Last updated
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 tab".
Setting | Description |
---|---|
Layout style | Select the layout style for the section:
|
Show separator line | Displays a line at the bottom to visually separate this section from the other sections |
Setting | Description |
---|---|
Heading | Add text to display as a section heading (Leave the field blank to hide the heading) |
Heading size | Font size of text:
|
Text | Add text to display as a custom content (Leave the field blank to hide the custom content) |
Content alignment | Set horizontal alignment for content inside section containers:
|
Maximum products to show | Determines the maximum of products can be shown. Can be from 1 to 6, increasing arithmetically of 1. |
Enable "View all" if collection has more products than shown | Select this checkbox to enable/disable the "View all" link if the collection has more products than shown. |
Setting | Description |
---|---|
Color scheme | Select a color scheme to set the text and background colors for the section. |
Setting | Description |
---|---|
Color scheme | Select a color scheme to set the text and background colors for the product card. |
Applies for (Classic layout)
Setting | Description |
---|---|
Enable arrows | Display arrows on devices:
|
Enable infinite scroll | Select this option if you want the products to scroll infinitely. |
Enable pagination | Display pagination on devices:
|
Pagination type | Select the pagination type from the dropdown menu:
|
Setting | Description |
---|---|
Image behavior | Select the image behavior from the dropdown menu:
|
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |