Create organized, scroll-free pages with dynamic tabbed layouts
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.
🎨 Learn how to set up your Color schemes:
ColorsTab 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.
Choose Desktop image position as Left/Right based on visual flow.
On mobile, the image and content are vertically stacked by default.
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.
✅ Notes:
You can only add one sidebar block per Tabs content section.
The Sidebar block is not scroll-sticky, so keep it simple and concise.
On mobile view, the Sidebar block shows at the end of the section.
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.
Last updated
