πŸ”₯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:

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

  2. Select Collage tabs.

  3. 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