Collection tab 🔥
A guide to showcase different collections with their featured image in an interactive way
Last updated
A guide to showcase different collections with their featured image in an interactive way
Last updated
Steps:
In the theme editor (Customize), click Add section.
Select Collection tabs.
Save.
Adjust the Container type (Default/Full width/ Use container box) and Color scheme for this section.
Add a Heading, Subheading, and Description to your section.
The Section header - Heading size can be set as Medium/ Large.
You can also change the Heading alignment to Left/Center.
Desktop image position: Left/ Right (Position is automatically optimized for mobile);
Image ratio: Adapt to first image/ Square (1:1)/ Portrait (3:4)/ Landscape (4:3);
Prefix header: Use the Ordinal number, or use icons that you upload in the Block settings;
Trigger open tab: Set the tabs to be opened by clicking or on hover;
Auto-rotate content: To auto-change the tab every few seconds (2-10s).
To each tab, select the Collection you want to attach and an Image for it. You can leave the image setting blank to use the collection's featured image.
Insert the content (Heading and Text) you want or leave it blank to display the Collection's title and description.
You can also change the Heading size to:
Extra small
Small
Medium
Large
Extra large
Upload an Icon if you set your section's Prefix header type as Icon.
