Featured Product Tabs
Description
Highlights
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:
- Horizontal — tab buttons above the product area
- Vertical left — tab buttons on the left side
- 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:
- Font size and font weight
- Default and active text color
- Default and active background color
- Default and active border color
- Border width and border radius
- Inner padding
- Gap between tab buttons
- Spacing between tabs and product area
- 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)
About the Extension Partner
Online Exposure
Partner Status
-
Shopware
Extension Partner
Details
- Partner since: 2026
- Extensions: 1
Support
- Based in: The Netherlands
- Speaks: German, English, Spanish, French, Dutch
- Response time: Very quickly