• Shopify Section
Side tabbed content
The "Side tabbed content" section creates a versatile, interactive content display with tabs positioned along one side (left or right) of the main content area. It's perfect for organizing complex information, product features, specifications, or any content that benefits from being categorized into distinct sections.
Key features include:
- Vertical tab navigation that can be positioned on either side
- Smooth transitions between tab content
- Support for multiple content block types within each tab:
- Text columns (1-2 columns with headings)
- Image blocks with customizable size and alignment
- Comparison sliders (before/after images with interactive slider)
- Image sliders with optional autoplay and navigation
- Icon grids (up to 6 icons with text and links)
- Feature ranges with custom values
- Countdown timers
The tab buttons can be customized with:
- Custom icon or image
- Heading and subheading text
- Background colors or images
- Custom text alignment and spacing
- Optional animations on tab switch
- Mobile-specific layouts
The section includes thoughtful features like:
- Responsive design that adapts to screen size
- Optional entrance animations
- Custom typography support
- Flexible content width controls
- Accessible keyboard navigation
- Touch-friendly interactions on mobile
- SEO-friendly markup structure
The section comes preset with two example tabs demonstrating different content types, but can be expanded to include as many tabs as needed. It's particularly useful for product pages, feature comparisons, service descriptions, or any scenario where content needs to be organized into logical, easily navigable sections.
Install this section
Included in all Design Packs plans. Try free for 14 days.
- Works with any Shopify theme
- Customize in Shopify editor
- No developer required
Amazing Features
Discover the incredible features that make this product stand out from the rest. Built with quality and innovation in mind.
• Style variations
Same section. Completely different stores.
Every example below uses the same Side tabbed content section just configured differently in the Shopify editor.