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 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.

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

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

1. Higher conversion — organized, scannable product information reduces bounce and increases add-to-cart rate
2. Flexible content — move shipping info, size guides, and warranty details out of long descriptions and into their own tabs
3. Mobile-first — accordion mode keeps mobile PDPs short and fast
4. No developer needed — everything configurable from admin, no template edits required
5. Hyva-ready — one of the few tab extensions with true native Alpine.js Hyva support (not just a Luma fallback)

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 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

1. Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
2. Extract the contents to app/code/Panth/ProductTabs/ in your Magento installation
3. 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

All settings live at Stores → Configuration → Panth Extensions → Product Tabs.

General Settings

Design Settings

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:

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.

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.

Response time: 1-2 business days.

Need Custom Magento Development?

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.

Quick Links

• 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