Tabs content
Create organized, scroll-free pages with dynamic tabbed layouts
Last updated
Create organized, scroll-free pages with dynamic tabbed layouts
Last updated
The Tabs content section lets merchants present essential info—like specifications, brand story, shipping policies, and more—in a clean, collapsible tab format. This improves user experience and keeps your pages streamlined.
Steps
In the theme editor (Customize), click Add section.
Locate Tabs content.
Make necessary changes.
Save.
Select a color scheme that matches your aesthetic.
Tab navigation style:
Headings are cleaner for simple layouts, while Buttons add more visual weight for a more interactive look.
Text alignment: Align your tab content to the left, center, or right.
Available blocks:
Combine a heading, paragraph, and image—great for product specs or storytelling.
Showcase content using Rich text editor, Custom liquid, or pull a page's content.
A great space for additional highlights, icons, or CTAs that complement the main tab content.
Position: Place the Sidebar at the Right/Left of the section.
Content: Add a Heading and Description to the Sidebar.
Icon with text:
You can add up to 3 icon + text rows.
Each one includes:
Icon from the built-in library (like Heart or Truck)
Custom Image if you prefer using branded icons
Width and Color to control icon size and match your branding
Heading for the text that appears next to the icon
Button: Optional call-to-action with label text. Good for linking to another section or page.
Learn how to set up your Color schemes:
Notes: