Flexible tabs lets you display content in a tabbed layout, where each tab can contain any Theme block or App block. This is useful for grouping information such as product details, shipping, FAQs, size guides, or rich content.
What you can build
Tabbed mode: shows one panel at a time. Customers click a tab title to switch content.
Scroll mode: shows all panels stacked vertically. The tab titles work as jump links that scroll to the corresponding panel.
How to use in the Theme Editor
In the theme editor, add the Flexible tabs section to the page template.
Add one Tab item block for each tab.
Inside each Tab item, add the content blocks you want (Theme blocks or App blocks).
Drag and reorder Tab items to control the tab order.
Section settings
Layout
Grid layout
Grid: content is constrained to the page width.
Stretched grid: content uses a wider container for a more spacious layout.
Tab mode
Tab mode
Tabbed: classic tabs (one panel visible).
Scroll: stacked panels with tab titles for scrolling.
Sticky tab list
Keep the tab titles visible while scrolling (recommended for long content).
Note: Sticky behavior depends on the theme’s tabs CSS/JS.
Accessibility
Tabs label (ARIA)
Adds an accessible label for screen readers.
Recommendation: Use a short descriptive label, for example:
“Product information tabs”
“FAQ tabs”
Style
Color scheme
Choose the color scheme for this section.
Padding (Top/Bottom)
Adjust spacing above and below the section.
Block settings: Tab item
Each Tab item represents one tab.
Title
The tab title shown to customers.
Tip: Keep it short and clear (e.g., “Details”, “Shipping”, “Size guide”).
Tab content
Add any blocks inside the Tab item:
Theme blocks (text, image, icons, etc.)
App blocks (reviews, size chart apps, etc.)
Notes & troubleshooting
If a Tab item has no title, it won’t appear as a tab.
If a Tab item has no content, it won’t display on the live storefront (but it may still appear in the editor for configuration).
If the entire section has no valid tabs, it will be hidden on the storefront.
Comments
0 comments
Please sign in to leave a comment.