Collage tab

A guide to display different images with text in tabs

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

This section is available on ✨ Zest version 7.0.0 onwards. See our Changelog

Steps:

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

  2. Locate Collage tabs.

  3. Save.

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 Image width on desktop view (0-80%).

Select the Image aspect ratio for both views as Adapt to image/ Square/ Portrait/ Landscape.

Block settings

Tab settings

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 insert the button link.

Last updated