Product Detail Page Tab Customization for Magento 2 — transform the default PDP tabs into a modern, conversion-focused experience with horizontal/vertical layouts, fade and slide animations, mobile accordion behaviour, unlimited custom CMS block tabs, custom attribute tabs rendered as styled tables, and full admin control over tab visibility, sort order, and labels. Works flawlessly on both Hyva and Luma storefronts.
Panth Product Tabs replaces Magento's rigid default tab strip on the product detail page with a flexible, admin-configurable tab system. Merchants can switch between horizontal and vertical tab layouts, choose fade or slide animations for tab transitions, enable mobile accordion mode for touch-friendly browsing, add unlimited custom tabs powered by CMS blocks (perfect for shipping info, size guides, care instructions, warranty details), create attribute-driven tabs that present product specifications in a clean styled table, and control every built-in tab's visibility, label, and sort order from a single admin screen. Every feature works natively on both Hyva (Alpine.js + Tailwind) and Luma (RequireJS + Knockout) with automatic theme detection.
Get a free quote for your project in 24 hours — custom modules, Hyva themes, performance optimization, M1→M2 migrations, and Adobe Commerce Cloud.
|
Top Rated Plus on Upwork 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist |
Magento Development Team Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud |
Visit our website: kishansavaliya.com | Get a quote: kishansavaliya.com/get-quote
- Key Features
- Why Merchants Choose Panth Product Tabs
- Compatibility
- Installation
- Configuration
- Custom CMS Block Tabs
- Custom Attribute Tabs
- Tab Visibility, Sort Order & Labels
- Hyva & Luma Support
- FAQ
- Support
- About Panth Infotech
- Quick Links
- Horizontal & Vertical tab styles — pick the orientation that matches your storefront design (top tab strip or side tab column)
- Fade, Slide, or None animations — smooth configurable transitions between tab panels
- Sticky tab navigation — keep the tab bar visible as customers scroll through long descriptions
- Deep linking via URL hash — link directly to a specific tab (e.g.
/product.html#reviews) from emails, ads, or internal links
- Mobile accordion mode — collapsible accordion layout optimized for touch devices
- Horizontal scroll fallback — alternative mobile behaviour for long tab lists
- Responsive by default — breakpoint-aware styling for phones, tablets, and desktops
- Custom CMS Block Tabs — add unlimited tabs powered by any CMS block (shipping info, size guides, care instructions, warranty, video demos, FAQs)
- Custom Attribute Tabs — group product attributes into their own tab rendered as a clean, styled specification table
- Per-tab icons — assign an icon class (Font Awesome or custom) to each custom tab
- Tab visibility toggle — show or hide Description, More Information, and Reviews tabs independently
- Custom label overrides — rename any built-in tab (e.g. "Description" → "Product Details")
- Configurable sort order — drag-and-drop-style numeric sort order for all tabs (built-in + custom)
- Default open tab — choose which tab opens on page load
- Lazy-loaded reviews — defer Reviews tab initialization for faster First Contentful Paint
- Review count badge — displays approved review count in the Reviews tab label for social proof
- Widget support — embed Product Tabs on CMS pages and blocks via the widget picker
- SEO-friendly markup — semantic HTML, proper ARIA attributes, clean URLs
- Hyva & Luma dual support — separate Alpine.js and vanilla JS templates with automatic theme detection via
Panth\Core\Helper\Theme - MEQP compliant — passes Adobe's Magento Extension Quality Program
- Higher conversion — organized, scannable product information reduces bounce and increases add-to-cart rate
- Flexible content — move shipping info, size guides, and warranty details out of long descriptions and into their own tabs
- Mobile-first — accordion mode keeps mobile PDPs short and fast
- No developer needed — everything configurable from admin, no template edits required
- Hyva-ready — one of the few tab extensions with true native Alpine.js Hyva support (not just a Luma fallback)
| Requirement | Versions Supported |
|---|---|
| Magento Open Source | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce Cloud | 2.4.4 — 2.4.8 |
| PHP | 8.1.x, 8.2.x, 8.3.x, 8.4.x |
| Hyva Theme | 1.3+ (native Alpine.js support) |
| Luma Theme | Native support |
| Dependencies | mage2kishan/module-core ^1.0 |
Tested on:
- Magento 2.4.8-p4 with PHP 8.4 (Hyva 1.3.x + Luma)
- Magento 2.4.7 with PHP 8.3
- Magento 2.4.6 with PHP 8.2
composer require mage2kishan/module-producttabs
bin/magento module:enable Panth_ProductTabs
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush- Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
- Extract the contents to
app/code/Panth/ProductTabs/in your Magento installation - Run the same commands as above starting from
bin/magento module:enable Panth_ProductTabs
bin/magento module:status Panth_ProductTabs
# Expected output: Module is enabledAfter installation, navigate to:
Admin → Stores → Configuration → Panth Extensions → Product Tabs
All settings live at Stores → Configuration → Panth Extensions → Product Tabs.
| Setting | Default | Description |
|---|---|---|
| Enable Module | Yes | Master toggle for the Product Tabs module |
| Sticky Tab Navigation | No | Keep the tab bar pinned while scrolling the PDP |
| Lazy Load Reviews | No | Defer Reviews tab JS until the tab is first clicked |
| Default Open Tab | First Available | Which tab opens by default on page load |
| Deep Linking | Yes | Enable URL hash support (#tab-id) |
| Setting | Default | Description |
|---|---|---|
| Tab Style | Horizontal | Horizontal (top strip) or Vertical (side column) layout |
| Animation Type | Fade | Fade, Slide, or None animation between tabs |
| Mobile Behavior | Accordion | Accordion or horizontal scroll on mobile |
| Accordion on Mobile | Yes | Auto-switch to accordion below the mobile breakpoint |
| Show Review Count Badge | Yes | Display approved review count next to the Reviews tab label |
Add unlimited custom tabs powered by CMS blocks — ideal for shipping details, size guides, care instructions, warranty policies, product videos, or brand stories.
Each CMS block tab configuration supports:
- Enabled toggle — show or hide the tab without deleting it
- Custom title — free-text label (translatable via i18n)
- CMS block identifier — pick any CMS block from your store
- Icon class — optional Font Awesome or custom icon class
- Sort order — numeric position relative to other tabs
Configure under Product Tabs → Custom CMS Block Tabs.
Group product attributes into their own dedicated tab rendered as a clean, styled specification table. Perfect for technical specs, materials, dimensions, or compliance info.
Each attribute tab supports:
- Custom title — free-text label
- Comma-separated attribute codes — e.g.
color,size,material,weight,warranty_years - Icon class — optional icon
- Sort order — numeric position
The extension automatically fetches attribute labels and frontend values, respecting store scope and attribute frontend input type (select, multiselect, text, etc.).
Configure under Product Tabs → Custom Attribute Tabs.
Take full control of Magento's built-in tabs from a single admin screen:
| Tab | Visibility | Custom Label | Sort Order |
|---|---|---|---|
| Description | Show / Hide | Rename freely | Numeric |
| More Information | Show / Hide | Rename freely | Numeric |
| Reviews | Show / Hide | Rename freely | Numeric |
Mix built-in tabs with your custom CMS block and attribute tabs — the extension merges and sorts them by the numeric sort order, giving you complete freedom to design your PDP tab experience.
Panth Product Tabs ships with two complete template sets:
- Hyva templates — Alpine.js state management, Tailwind CSS styling, no jQuery, sub-100ms tab switching
- Luma templates — RequireJS + Knockout integration, compatible with default Magento Luma theme
Theme detection is handled by Panth\Core\Helper\Theme (from the free Panth Core dependency). The correct template loads automatically based on the active theme — no manual configuration required.
Yes. Both CMS block tabs and attribute tabs support unlimited entries. Add as many as your product requires.
Yes. The URL hash (#tab-id) is standards-compliant and works with Google Analytics, GA4, GTM, and page-level SEO audits. The hash is updated via history.replaceState so it does not add entries to browser history.
Yes. Panth Product Tabs works with all Magento product types — simple, configurable, grouped, bundle, virtual, downloadable.
Yes. All labels and CMS block selections respect Magento's standard scope hierarchy (default → website → store view). The module includes English translations; any tab label can be translated via i18n CSV files.
The extension targets product detail pages, not checkout — so it is fully compatible with any Hyva checkout implementation (Hyva default, React Checkout, or custom).
No. The review schema (JSON-LD) is still rendered server-side. Lazy loading only defers the JavaScript widget, not the structured data or visible review HTML (which is progressively enhanced).
Yes. The module registers a widget that can be embedded on any CMS page or block through the admin widget picker.
No. Panth Product Tabs uses standard Magento extension mechanisms — layout XML, observers, plugins, and ViewModels — without touching any core file.
| Channel | Contact |
|---|---|
| kishansavaliyakb@gmail.com | |
| Website | kishansavaliya.com |
| +91 84012 70422 | |
| GitHub Issues | github.com/mage2sk/module-producttabs/issues |
| Upwork (Top Rated Plus) | Hire Kishan Savaliya |
| Upwork Agency | Panth Infotech |
Response time: 1-2 business days.
Looking for custom Magento module development, Hyva theme customization, store migrations, or performance optimization? Get a free quote in 24 hours:
Panth Product Tabs is distributed under a proprietary license — see LICENSE.txt. Distributed exclusively through the Adobe Commerce Marketplace and Packagist.
Built and maintained by Kishan Savaliya — kishansavaliya.com — a Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience.
Panth Infotech is a Magento 2 development agency specializing in high-quality, security-focused extensions and themes for both Hyva and Luma storefronts. Our extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management — over 34 modules built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.
Browse the full extension catalog on the Adobe Commerce Marketplace or Packagist.
- 🌐 Website: kishansavaliya.com
- 💬 Get a Quote: kishansavaliya.com/get-quote
- 👨💻 Upwork Profile (Top Rated Plus): upwork.com/freelancers/~016dd1767321100e21
- 🏢 Upwork Agency: upwork.com/agencies/1881421506131960778
- 📦 Packagist: packagist.org/packages/mage2kishan/module-producttabs
- 🐙 GitHub: github.com/mage2sk/module-producttabs
- 🛒 Adobe Marketplace: commercemarketplace.adobe.com
- 📧 Email: kishansavaliyakb@gmail.com
- 📱 WhatsApp: +91 84012 70422
Ready to upgrade your Magento 2 product pages?
SEO Keywords: magento 2 product tabs, magento 2 custom tabs, magento 2 attribute tabs, magento 2 cms block tabs, product detail page tab customization, magento 2 tab customization, magento 2 vertical tabs, magento 2 horizontal tabs, magento 2 pdp tabs, magento 2 product page tabs, magento 2 mobile accordion tabs, magento 2 sticky tabs, magento 2 tab extension, magento 2 product description tabs, magento 2 reviews tab, magento 2 more information tab, magento 2 deep linking tabs, magento 2 lazy load reviews, hyva product tabs, luma product tabs, hyva alpine js tabs, magento 2 tab sort order, magento 2 tab visibility, magento 2 custom tab labels, magento 2 specification tab, magento 2 product attribute table, mage2kishan, mage2sk, panth infotech, kishan savaliya, hire magento developer, top rated plus upwork magento, magento 2.4.8 extension, php 8.4 magento module, magento 2 hyva development, magento 2 luma customization