Collage tabs

A guide to display different images with text in tabs

The collage tab is a modern and eye-catching section with images and content presented in different tabs.

How to add a Collage tabs section

Steps:

1. In the theme editor (Customize), click Add section.

2. Locate Collage tabs.

3. Save.

How to edit a Collage tabs section

Section settings

Tab settings

Set a Navigation alignment (Left/ Center/ Right) and image position (Left/ Right) for the desktop view.

You can also adjust the Desktop image width (30-70%).

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

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, 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), and insert the Button link.