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".
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
Heading
Add text to display as a section heading (Leave the field blank to hide the heading)
Heading size
Font size of text:
Default
XX-Small
X-Small
Small
Medium
Large
X-Large
XX-Large
XXX-Large
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:
Left
Center
Right
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.
Color scheme
Select a color scheme to set the text and background colors for the section.
Color scheme
Select a color scheme to set the text and background colors for the product card.
Applies for (Classic layout)
Enable arrows
Display arrows on devices:
None
On every device
Only on desktop
Only on (desktop, tablet)
Only on (tablet, mobile)
Only on mobile
Enable infinite scroll
Select this option if you want the products to scroll infinitely.
Enable pagination
Display pagination on devices:
None
On every device
Only on desktop
Only on (desktop, tablet)
Only on (tablet, mobile)
Only on mobile
Pagination type
Select the pagination type from the dropdown menu:
None
Dots
Progressbar
Fraction
Dashed
Image behavior
Select the image behavior from the dropdown menu:
None
Ambient movement
Zoom in on scroll
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).
Special:
Classic: