Tabs
Compact tabs for displaying information to your customers
Using tabs is a convenient way to display concise and condensed information. This is a great option to consider when you want to conserve vertical space, as it is an alternative to accordions.
Create a heading
Combine the Tabs section with a Rich Text section to build a custom heading:
Adjust spacing
Unique styles can be created by adjusting the Width option in the Section settings:
Blocks
Add a plain Text block or a Page block for the tab content and tab title:
Use the block settings to customize the content:
Images
When using the Page block, rich text and images can be displayed:
Page blocks can increase the height of the tab section based on the content in the Shopify Page selected.
Mobile
The tab headings become scrollable on mobile when the tab titles are too long to fit the device width:
Page block content appears compressed to fit the width of the device. No cropping is used for the images:
Last updated