1 1

Side tabbed content

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 now

Time saving

With Design Packs, you don't have to start designing your Shopify store from scratch. The pre-made templates and design elements can save you a lot of time and effort.

Cost-effective

Design Packs is a cost-effective solution for small businesses or individuals who may not have the budget to hire a professional designer. Our app provides a wide range of design options at a reasonable price. The average cost of a Shopify developer is $50-125 USD/hr. The annual subscription of Design Packs breaks down to just over $16 a month.

User friendly

Design Packs is easy to use, even for those who are not tech-savvy. The app provides a user-friendly interface that allows you to make changes and adjustments to your designs with ease. And anything that can't be done in the theme editor? We offer free CSS tweaks to copy and paste into your sections.

Customizable

Although Design Packs provides pre-made templates and design elements, you can still customize them to match your brand's identity and aesthetic. The app is flexible enough to allow you to make changes and adjustments to the designs to fit your Shopify store needs.

View full details

Every day, Every way

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus rerum maiores nulla dolore perferendis, illo in iusto!

Drag and drop block options like heading, text, buttons, dividers, and more.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus rerum maiores nulla dolore perferendis, illo in iusto!

Drag and drop block options like heading, text, buttons, dividers, and more.

Global Shipping

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porttitor hendrerit lectus, ligula magna, auctor at lectus non, molestie tincidunt lacus. Aliquam magna tortor, suscipit vitae velit a, fermentum porttitor orci. Donec convallis accumsan dapibus. Quisque porttitor porttitor purus, quis egestas nulla bibendum a. Nullam lobortis est eu ante pulvinar commodo.

Nunc aliquam egestas commodo. Vestibulum commodo euismod orci, sit amet molestie nibh. Aliquam eget enim at tortor accumsan viverra. Vestibulum posuere placerat magna quis sagittis. Vivamus eros tortor, vulputate vel iaculis sit amet, euismod tincidunt augue. Aliquam quis neque non enim luctus posuere quis rutrum ligula. Suspendisse convallis venenatis ex nec commodo. Mauris consectetur ante eget orci aliquet, ut ultrices nunc vulputate. Pellentesque imperdiet nunc ac luctus consequat. Etiam vel libero id enim maximus malesuada et id sem.

North America

Maecenas finibus porttitor lectus non posuere. Fusce auctor libero ac erat venenatis, id sollicitudin mi gravida. Suspendisse eget ipsum et magna finibus sagittis nec ac ex.

South America

Maecenas finibus porttitor lectus non posuere. Fusce auctor libero ac erat venenatis, id sollicitudin mi gravida. Suspendisse eget ipsum et magna finibus sagittis nec ac ex.

Europe

Maecenas finibus porttitor lectus non posuere. Fusce auctor libero ac erat venenatis, id sollicitudin mi gravida. Suspendisse eget ipsum et magna finibus sagittis nec ac ex.

Asia

Maecenas finibus porttitor lectus non posuere. Fusce auctor libero ac erat venenatis, id sollicitudin mi gravida. Suspendisse eget ipsum et magna finibus sagittis nec ac ex.

Africa

Maecenas finibus porttitor lectus non posuere. Fusce auctor libero ac erat venenatis, id sollicitudin mi gravida. Suspendisse eget ipsum et magna finibus sagittis nec ac ex.

Beach Holiday

Iure in sunt provident rerum cumque, sit fugit dolores, eius exercitationem, reiciendis ipsum? Voluptatibus rerum maiores nulla dolore perferendis, illo in iusto!