Vertical tabs

This section improves content organization while keeping the experience interactive and visually engaging.

---

The Vertical tabs section organizes content into clickable tabs, allowing customers to switch between different media (images/videos) and content without leaving the section. It’s ideal for showcasing collections, features, or storytelling in a structured and interactive layout.

1. Our guide to set up a Vertical tabs section:

Steps:

• In the theme editor, click Add section.

• Locate Vertical tabs.

• Click Save.

2. Section settings

• Color scheme: Controls the overall background and text colors of the section, including tab titles.

• General

  • Heading: Add a title for the section.

  • Heading size: Adjust the prominence of the heading.

  • Desktop image height: Set a fixed height for media on desktop.

  • Adapt section height to image size: When enabled, the section height follows the original image size.

• Mobile layout

  • Mobile image height: Adjust media height on mobile devices.

  • Mobile content alignment: Control text alignment for better readability on smaller screens.

• Corner radius: Adjust the roundness of media (image/video) inside each tab.

3. Tab block settings

Each Tab block represents one tab item with its own media and content.

• Tab heading: Defines the tab name. If left empty, the tab will not be displayed.

• Content:

  • Image: Upload an image for the tab.

  • Video: Upload an autoplay video. If both image and video are set, video will override the image.

  • Media overlay opacity: Add an overlay to improve text readability on media.

  • Heading: Add a title displayed over the media.

  • Heading size: Adjust text size.

  • Description: Add supporting content below the heading.

  • Button label: Add CTA text.

  • Button link: Assign a destination URL.

  • Use outline button style: Toggle between solid and outline button styles.

• Colors: Customize content colors independently from the section:

  • Heading color

  • Text color

  • Button label color

  • Button background color

  • Button outline color