Skip to main content Skip to search Skip to main navigation
Diese Seite ist auch auf Deutsch verfügbar.
Online Exposure

Featured Product Tabs

Rating: no rating ( write a review )
Downloads: <10

Description

Highlights

  • Tabbed product sections in Shopping Experiences
  • Manual product selection or dynamic product groups per tab
  • Grid and slider display modes
  • Horizontal and vertical tab navigation layouts
  • Full styling control — colors, fonts, spacing, border radius

Features

  • Add unlimited tabs to a single CMS element
  • Per-tab product source: manual selection or dynamic product group
  • Configurable product limit per tab
  • Grid display mode with responsive column settings
  • Slider display mode with arrow and dot navigation
  • Horizontal tab layout (tabs above products)
  • Vertical tab layout (tabs left or right of products)
  • Custom tab icons from the Shopware Meteor icon library
  • Custom tab icons via uploaded image
  • Icon size and position control per tab
  • Rich text content area per tab
  • Tab enable/disable toggle without deleting
  • Drag-and-drop tab reordering
  • Scrollable tabs on mobile
  • Full styling: font, colors, padding, border radius, border width

About the Extension

Featured Product Tabs adds a powerful CMS element to Shopware's Shopping Experiences. Create tabbed product sections where each tab displays its own set of products — fully configurable from layout to styling, without touching a single line of code.

⚡ PRODUCT SOURCES

Each tab has its own product source. Choose between manually selecting specific products or linking a dynamic product group for automated, rule-based product display. Set a maximum product limit per tab to control how many products are shown.

⚡ DISPLAY MODES

Grid mode displays products in a responsive grid with configurable columns per breakpoint (mobile, tablet, desktop). Slider mode turns the product listing into a smooth horizontal slider with optional navigation arrows (inside or outside) and dot indicators.

⚡ TAB NAVIGATION LAYOUTS

Choose from three layout modes:

  1.   Horizontal — tab buttons above the product area
  2.   Vertical left — tab buttons on the left side
  3.   Vertical right — tab buttons on the right side


Tab alignment (left, center, right) is configurable in horizontal mode. On mobile, tabs can be set to scroll horizontally or wrap to multiple lines.

⚡ TAB ICONS

Each tab can display an icon next to its label. Choose from the full Shopware Meteor icon library (460+ icons) via a built-in visual icon picker, or upload a custom image as the tab icon. Control the icon size and  position relative to the label (left, right, top, bottom) per tab individually.

⚡ RICH TEXT CONTENT

Each tab supports an optional rich text content area displayed above the products. Use it for promotional messages, category descriptions, or calls to action.

⚡ TAB MANAGEMENT

Add unlimited tabs, reorder them with up/down controls, and toggle individual tabs visible or hidden without deleting them. A disabled badge clearly indicates hidden tabs in the admin.

⚡ HEADER SECTION

The element includes an optional header with a title and subtitle above the tab navigation. Configure font size, font weight, text color, and text alignment independently for both.

⚡ FULL STYLING CONTROL

Customize every visual aspect of the tab buttons through the Styling panel:

  1. Font size and font weight
  2. Default and active text color
  3. Default and active background color
  4. Default and active border color
  5. Border width and border radius
  6. Inner padding
  7. Gap between tab buttons
  8. Spacing between tabs and product area
  9. Content area background, border, border radius, and padding


All values fall back to your active theme defaults when left empty, ensuring out-of-the-box compatibility with any Shopware theme.

⚡ ACCESSIBILITY

Built with semantic HTML, proper ARIA roles (tablist, tab, tabpanel), keyboard navigation support, and visible focus indicators.

Details

  • Available: English, German, Dutch, French, Spanish
  • Latest update: 11 May 2026
  • Publication date: 18 May 2026
  • Version: 1.0.0
  • Category: Shopping Experiences

Resources

Reviews (0)

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review

About the Extension Partner

Online Exposure

Online Exposure

Partner Status

  • Shopware Extension Partner Shopware
    Extension Partner

Details

  • Partner since: 2026
  • Extensions: 1

Support

  • Based in: The Netherlands
  • Speaks: German, English, Spanish, French, Dutch
  • Response time: Very quickly