Collage tab
A guide to display different images with text in tabs with Collage tab section
Last updated
A guide to display different images with text in tabs with Collage tab section
Last updated
Collage tab is a modern and eye-catching section with images and content presented in different tabs.
Steps:
In the theme editor (Customize), click Add section.
Select Collage tabs.
Save.
Adjust the Container type (Default/Full width/ Use container box) and Color scheme for this section.
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)
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.
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.
