Tab Layout & Animations
Horizontal & Vertical tab styles — pick the orientation that matches your storefront design (top tab strip or side tab column)
Product Tabs Customizer for Magento 2
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 C…
Magento 2.4.6–2.4.8
PHP 8.1–8.4
Hyva + Luma Ready
Free
Key Features:
- Tab Layout & Animations
- Mobile Experience
- Custom Tab Types
- Admin Control
Additional Services
$0.00
In stock
SKU
panth-producttabs
Lifetime Updates
Every Magento release
1-Year Free Support
Email + WhatsApp
Adobe-Certified
Magento 2 Developer
Free Forever
No subscription, no upsell
What you get
Everything in the box
Built-in from day one. No add-ons, no upsell, no licence keys to renew.
Mobile Experience
Mobile accordion mode — collapsible accordion layout optimized for touch devices
Custom Tab Types
Custom CMS Block Tabs — add unlimited tabs powered by any CMS block (shipping info, size guides, care instructions, warranty, video demos…
Admin Control
Tab visibility toggle — show or hide Description, More Information, and Reviews tabs independently
Developer & SEO
Review count badge — displays approved review count in the Reviews tab label for social proof
Overview
Panth Product Tabs is a product detail page tab customization extension for Magento 2 and Adobe Commerce that replaces the default rigid PDP tab strip with an admin-configurable, conversion-focused tab system.
The Panth Product Tabs module lets merchants switch between horizontal and vertical tab layouts, choose fade or slide animations, enable a mobile accordion mode for touch-friendly browsing, and add unlimited custom tabs powered by CMS blocks — ideal for shipping info, size guides, care instructions, and warranty details. Every built-in tab's visibility, label, and sort order is controlled from a single admin screen, so merchandising teams ship PDP changes without developer involvement.
Beyond CMS-block tabs, the extension introduces attribute-driven tabs that render selected product attributes as a clean, styled specifications table — the same pattern shoppers expect on Amazon and Best Buy product pages. Sticky tab navigation keeps the tab bar visible as customers scroll long descriptions, and deep linking via URL hash lets marketing teams link directly to a specific tab (for example, /product.html#reviews) from email campaigns and ads.
Every feature works natively on both Hyvä (Alpine.js + Tailwind) and Luma (RequireJS + Knockout) with automatic theme detection — no code branching, no template forks.
Best for:
- Electronics, fashion, and B2B catalogs whose PDPs need rich, sectioned content
- Merchandisers who want CMS-block-driven custom tabs without touching .phtml files
- Hyvä and Luma stores that want sticky tabs, deep links, and a mobile accordion in one module
Why Merchants Choose Panth Product Tabs
- 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)
What you get
Panth Product Tabs gives merchandisers full admin control over every aspect of the PDP tab strip:
- Horizontal or vertical tab layouts with fade, slide, or no animation between panels
- Mobile accordion mode plus sticky tab navigation for long product descriptions
- Unlimited custom CMS block tabs for shipping, size guides, warranty, and care content
- Attribute-driven tabs that render product specs as a styled table
- Per-tab visibility, label, and sort order — Hyvä and Luma supported natively
Key Features
Tab Layout & Animations
- 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 Experience
- 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 Tab Types
- 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
Admin Control
- 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
Developer & SEO
- 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
Custom CMS Block Tabs
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.
Custom Attribute 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.
Tab Visibility, Sort Order & Labels
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.
Hyva & Luma Support
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.
Compatibility
| 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
Installation
Composer Installation (Recommended)
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
Manual Installation via ZIP
- 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
Verify Installation
bin/magento module:status Panth_ProductTabs
# Expected output: Module is enabled
After installation, navigate to:
Admin → Stores → Configuration → Panth Extensions → Product Tabs
Configuration
All settings live at Stores → Configuration → Panth Extensions → Product Tabs.
General Settings
| 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) |
Design Settings
| 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 |
License
Panth Product Tabs is distributed under a proprietary license — see LICENSE.txt. Distributed exclusively through the Adobe Commerce Marketplace and Packagist.
Panth Product Tabs — Product Detail Page Tab Customization for Magento 2
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.
| Module Category | Catalog & Products |
|---|---|
| Best For | All Sizes |
FAQ
Frequently Asked Questions
Can I add more than 3 custom tabs?
Yes. Both CMS block tabs and attribute tabs support unlimited entries. Add as many as your product requires.
Does deep linking work with SEO tools?
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.
Will it work with configurable or bundle products?
Yes. Panth Product Tabs works with all Magento product types — simple, configurable, grouped, bundle, virtual, downloadable.
Does it support multi-store and multi-language?
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.
Is it compatible with Hyva Checkout and Hyva React Checkout?
The extension targets product detail pages, not checkout — so it is fully compatible with any Hyva checkout implementation (Hyva default, React Checkout, or custom).
Does lazy-loaded reviews affect SEO?
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).
Can I use the Product Tabs block on CMS pages?
Yes. The module registers a widget that can be embedded on any CMS page or block through the admin widget picker.
Does it modify core Magento files?
No. Panth Product Tabs uses standard Magento extension mechanisms — layout XML, observers, plugins, and ViewModels — without touching any core file.
How is this different from a traditional antivirus?
Panth Malware Scanner is built specifically for Magento 2 filesystems — it understands the directory layout, knows which folders are writable from the frontend, and ships signatures tuned for Magento-targeted threats (Magecart skimmers, PolyShell webshells, admin-layout injection). Traditional AV tools scan everything with generic signatures and produce noise.
Does Panth Footer replace the default Magento footer?
Yes. When enabled, Panth Footer takes over the footer.container block and renders its own configurable footer. You can disable it any time to restore the default footer.
Does this module change how Magento calculates custom option prices?
No. All price-delta logic continues to flow through Magento's standard priceBox and price-option JS components. This module only replaces the visual rendering.
Do I have to pay for Panth Core?
No. Panth Core is completely free and will remain free forever. It is the foundation library that other (paid) Panth extensions depend on.
Does this work on Hyva themes?
Yes. The module ships Hyva-native templates using Alpine.js and Tailwind. No jQuery required.
Does Panth Mega Menu work on both Hyva and Luma?
Yes. The module ships with two purpose-built templates — Alpine.js + Tailwind for Hyva and vanilla JS for Luma — and auto-switches based on your active storefront theme.
Can I have more than one banner slider on the same page?
Yes. Create as many sliders as you want in the admin and place each one via its own widget or layout block. Each slider maintains independent configuration and slides.
Does it work for guests?
Yes, guests can subscribe with their email address. You can optionally require login via admin config.
How many forms can I create?
Unlimited. Each form has a unique identifier and its own submissions scope.
Does this submit URLs to Google?
No. Google does not participate in IndexNow and has stated they maintain their own crawl schedule. For Google indexing, use a proper XML sitemap and Google Search Console. This module is specifically for the IndexNow ecosystem (Bing, Yandex, Seznam, Naver, Yep).
Need this customised?
Talk to Kishan directly — written quote, scope and timeline within 24 hours. No sales call.
Product Tabs Customizer for Magento 2
$0.00
You might also like
Related products
Step up