Collage tab 🔥
A guide to display different images with text in tabs with Collage tab section
Collage tab is a modern and eye-catching section with images and content presented in different tabs.
How to add a Collage tab
Steps:
In the theme editor (Customize), click Add section.
Select Collage tabs.
Save.
Section settings
Collage tabs
Adjust the Container type (Default/Full width/ Use container box) and Color scheme for this section.
Tab settings
Set the navigation alignment (Left/ Center/ Right) and image position (Left/ Right) for the desktop view.
You can also adjust the Image width on the desktop view (0-80%).
Select the Image aspect ratio for both views as one of the following options:
Adapt to image/ Square (1:1)
Portrait (3:4)
Landscape (4:3)
Block settings
Tab settings
Select the main Color scheme, Navigation title, and Image for the block
Give a name to the tab to navigate by filling in the Navigation title field.
Then, upload the Image you want to use and insert its content (Heading, Heading size, Subheading, and Description).
Set the Text alignment of the content: Left/ Center/ Right.
Button settings
You can also add a button to each tab to direct customers to your desired page.
Give the button a label and specific Button style (Primary button/Secondary button/Underline button/White button), and insert the Button link.
Last updated