Image tabs
Last updated
Last updated
The Image tabs section allows you to create multiple tabs, each with a corresponding image, providing a dynamic way to display content. This feature enables users to click on different tabs to view various images and information associated with each one, making it perfect for showcasing product features, comparisons, or different product options.
Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fix width: depends on your page content width in Theme settings -> Layout.
Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme
Select colors from Theme settings -> Colors
Heading
The title of the section
Description
The description of the section
Content alignment
The position of the heading and description.
Left
Center
Right
Desktop image width
This is the percentage of the section's width occupied by the image:
40%
50%
60%
70%
Sliding effects
The direction in which the image slides during transitions:
Slide vertical
Slide horizontal
None
Desktop image position
The position of the image relative to the content on desktop
Image ratio
"Image ratio" refers to the proportional relationship between the width and height of the image.
5 options for image ratio
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Custom
Custom ratio
Where you can add your own custom ratio
Column gap
Adjust spacing between columns
Top padding: Customize the top margin of the section
Bottom padding: Customize the bottom margin of the section
Image
Display an image corresponding to the target content
Heading
The title of the content
Link
The target link of the content
