Premium Hyva child theme for Magento 2 with 34 integrated Panth extensions — mega menu, advanced SEO, checkout optimization, product gallery, smart badges, dynamic forms, testimonials, and a full admin Theme Customizer. Built with Tailwind CSS 3 and Alpine.js for blazing-fast Core Web Vitals scores and a premium storefront UX out of the box.
Panth Infotech is a production-ready Hyva child theme built by a Top Rated Plus Magento developer with 10+ years of eCommerce experience. It bundles a complete Hyva storefront — header, mega menu, product pages, category pages, checkout, cart, footer, WhatsApp chat, and 404 page — with 34 custom Panth extensions seamlessly wired into the Hyva design system. No manual template overrides, no Alpine.js conflicts, no Tailwind purge surprises. Just install, configure in the admin Theme Customizer, and ship a premium Magento 2 storefront in hours instead of months.
Under the hood the theme extends Hyva/default, uses the standard Hyva Tailwind build pipeline, and exposes every visual token — colors, typography, radius, spacing, header layout, footer layout — through the admin UI. Every included Panth extension ships with Hyva-compatible templates, so you get a unified look and feel across every page of the storefront.
Get a free quote in 24 hours — custom Hyva themes, Magento 2 module development, 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 |
Hyva Theme & Magento Development Hyva Themes • Custom Modules • Migrations Performance • SEO • Adobe Commerce Cloud |
Visit our website: kishansavaliya.com | Get a quote: kishansavaliya.com/get-quote
- Why Panth Infotech Theme
- Key Features
- Included Extensions
- Compatibility
- Installation
- Configuration
- Theme Customization
- Tailwind Build Pipeline
- What's Inside
- Troubleshooting
- FAQ
- Support
- About Panth Infotech
Most Hyva child themes ship as a bare shell — you still have to buy, install, and wire up every extension you need (mega menu, quick view, product gallery, testimonials, etc.). That's weeks of custom work before your storefront is production-ready.
Panth Infotech Theme is a turnkey premium Hyva storefront. Every commonly requested storefront feature is pre-integrated and configured through a single admin Theme Customizer UI:
- Header — sticky navigation, mega menu, mini cart, search autocomplete, wishlist, account menu
- Mega Menu — multi-level category menus with images, featured products, and custom content
- Product pages — Fotorama-style gallery, quick view, smart badges, product tabs, related/upsell sliders, attachments
- Category pages — optimized grid, custom filters, sticky sidebar, banner slider
- Checkout — single-page Hyva checkout, zipcode validation, order attachments, custom success page
- Footer — configurable columns, newsletter, social, trust badges, payment icons
- Extras — WhatsApp chat, testimonials carousel, FAQ accordions, dynamic forms, live activity feed, price drop alerts, 404 page
Everything is built on Tailwind CSS 3 and Alpine.js, respects the Hyva purge pipeline, and ships zero legacy jQuery / Knockout overrides.
- Sticky header with scroll-triggered shrink animation
- Mega menu with images, featured products, and multi-level categories
- Product gallery with zoom, thumbnails, swipe support, and lazy-loaded images
- Quick view modal — add-to-cart without leaving the category page
- Smart badges — sale, new, best-seller, out-of-stock, custom labels
- Banner slider — homepage and category-level promotional slides
- Testimonials carousel, FAQ accordions, dynamic forms, product tabs, product slider
- Full visual control from the Magento admin — colors, typography, radius, spacing, buttons
- Live preview of color and typography changes
- Header & footer builder — columns, links, social icons, trust badges
- One-click Tailwind rebuild from admin (no SSH required)
- Import / export theme presets as JSON
- Core Web Vitals optimized — LCP < 2.5s, CLS < 0.1, INP < 200ms on a standard Magento 2.4.8 install
- Tailwind CSS purge — only shipped CSS classes end up in production bundle (typically < 40 KB gzipped)
- Alpine.js (no jQuery, no Knockout.js on frontend) — tiny runtime, instant interactivity
- Lazy-loaded images, prefetched links, deferred third-party scripts
- Advanced SEO integration — structured data, hreflang, sitemaps, AI-generated meta
- Standard Hyva child theme structure — no custom conventions to learn
- Tailwind 3 config — extend colors, fonts, breakpoints from a single
tailwind.config.js - ES modules — modern JS, tree-shakable
- MEQP compliant — passes Adobe's Extension Quality Program for all bundled extensions
- Composer-installable — one command installs theme + 34 extensions
The theme ships with Hyva-compatible templates and Tailwind components for all 34 Panth extensions:
| # | Extension | Composer Package | Purpose |
|---|---|---|---|
| 1 | Panth Core | mage2kishan/module-core |
Required base library |
| 2 | Advanced SEO | mage2kishan/module-advanced-seo |
SEO suite (schema, sitemaps, meta) |
| 3 | Advanced Contact Us | mage2kishan/module-advanced-contact-us |
Contact page with dynamic fields |
| 4 | Advanced Cart | mage2kishan/module-advancedcart |
Enhanced cart UX |
| 5 | Banner Slider | mage2kishan/module-banner-slider |
Homepage / category sliders |
| 6 | Cache Manager | mage2kishan/module-cachemanager |
Admin cache tools |
| 7 | Checkout Extended | mage2kishan/module-checkout-extended |
Checkout optimization |
| 8 | Checkout Success Page | mage2kishan/module-checkout-success |
Custom order success page |
| 9 | Core Web Vitals | mage2kishan/module-corewebvitals |
Real user monitoring |
| 10 | Custom Options | mage2kishan/module-custom-options |
Advanced product options |
| 11 | Dynamic Forms | mage2kishan/module-dynamic-forms |
Drag-drop form builder |
| 12 | FAQ | mage2kishan/module-faq |
FAQ pages and accordions |
| 13 | Footer | mage2kishan/module-footer |
Configurable footer builder |
| 14 | Image Optimizer | mage2kishan/module-imageoptimizer |
WebP / AVIF conversion |
| 15 | Live Activity | mage2kishan/module-live-activity |
Social proof pop-ups |
| 16 | Low Stock Notification | mage2kishan/module-low-stock-notification |
Stock alert badges |
| 17 | Malware Scanner | mage2kishan/module-malware-scanner |
Security scanner |
| 18 | Mega Menu | mage2kishan/module-mega-menu |
Multi-level mega menu |
| 19 | Not Found Page (404) | mage2kishan/module-not-found-page |
Custom 404 page |
| 20 | Order Attachments | mage2kishan/module-order-attachments |
Upload files at checkout |
| 21 | PageBuilder AI | mage2kishan/module-pagebuilder-ai |
AI-generated content blocks |
| 22 | Performance Optimizer | mage2kishan/module-performance-optimizer |
JS/CSS deferral, lazy load |
| 23 | Price Drop Alert | mage2kishan/module-price-drop-alert |
Customer price alerts |
| 24 | Product Attachments | mage2kishan/module-product-attachments |
Product PDF / spec sheets |
| 25 | Product Gallery | mage2kishan/module-productgallery |
Premium image gallery |
| 26 | Product Slider | mage2kishan/module-product-slider |
Related / upsell sliders |
| 27 | Product Tabs | mage2kishan/module-producttabs |
Description / reviews tabs |
| 28 | Quick View | mage2kishan/module-quickview |
Ajax product quick view |
| 29 | Search Autocomplete | mage2kishan/module-search-autocomplete |
Instant search dropdown |
| 30 | Smart Badge | mage2kishan/module-smart-badge |
Sale / new / custom badges |
| 31 | Testimonials | mage2kishan/module-testimonials |
Customer testimonials |
| 32 | Theme Customizer | mage2kishan/module-theme-customizer |
Full admin theme UI |
| 33 | WhatsApp Integration | mage2kishan/module-whatsapp |
Floating WhatsApp chat |
| 34 | Zipcode Validation | mage2kishan/module-zipcode-validation |
Shipping zipcode check |
All 34 extensions are pulled in automatically by Composer when you install the theme — no manual installation needed.
| 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.0+ (parent theme — required) |
| Node.js | 18.x, 20.x (for Tailwind build) |
| MySQL | 8.0+ |
| MariaDB | 10.4+ |
Tested on:
- Magento 2.4.8-p4 + Hyva 1.3 + PHP 8.4 + Node 20
- Magento 2.4.7 + Hyva 1.3 + PHP 8.3 + Node 20
- Magento 2.4.6 + Hyva 1.2 + PHP 8.2 + Node 18
Note: This is a Hyva child theme. A valid Hyva Themes license and the
hyva-themes/magento2-default-themeparent are required.
composer require mage2kishan/theme-frontend-panth-infotech
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flushThen set the theme as active:
Admin → Content → Design → Configuration → [Your Store] → Edit
Applied Theme: Panth Infotech - Hyva Child Theme
Save, then flush cache.
- Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
- Extract the contents to
app/design/frontend/Panth/infotech/in your Magento installation - Install all 34 Panth extensions via Composer (see
composer.json) - Run
bin/magento setup:upgrade && bin/magento setup:di:compile && bin/magento cache:flush - Activate the theme via Content → Design → Configuration
cd app/design/frontend/Panth/infotech/web/tailwind
npm install
npm run build-prod
bin/magento cache:flushOr trigger the build from the admin Theme Customizer → Build Theme button (no SSH required).
All theme settings live under Admin → Stores → Configuration → Panth Extensions → Theme Customizer, grouped into sections:
| Section | Controls |
|---|---|
| General | Logo, favicon, site title, contact info |
| Colors | Primary, secondary, accent, background, text, border — with live preview |
| Typography | Heading font, body font, font sizes, line heights, font weights |
| Layout | Container width, radius, spacing scale, breakpoints |
| Header | Sticky, layout preset, mega menu toggle, search style, mini-cart style |
| Footer | Columns, newsletter, social icons, trust badges, payment icons |
| Homepage | Slider, featured categories, product sliders, testimonials, FAQ, CTA sections |
| Product Page | Gallery style, tabs position, related products, quick view, badges |
| Category Page | Grid columns, sidebar, infinite scroll / pagination, filters |
| Checkout | Layout, progress bar, trust badges, zipcode validation |
| Extras | WhatsApp chat, live activity feed, price drop alerts, 404 page |
| Build | One-click Tailwind rebuild + import / export presets |
Edit web/tailwind/tailwind.config.js in the theme root:
module.exports = {
presets: [require('./tailwind-preset.js')],
content: [
'../../templates/**/*.phtml',
'../../../../../code/**/view/frontend/templates/**/*.phtml',
'../../../../../code/**/view/frontend/layout/**/*.xml',
],
theme: {
extend: {
colors: {
brand: {
50: '#F0FDF4',
500: '#10B981',
900: '#064E3B',
},
},
fontFamily: {
display: ['Inter', 'sans-serif'],
},
},
},
};Run npm run build-prod (or use the admin Build button) to rebuild.
Copy any template from the parent Hyva theme into this theme at the same relative path. For example, to override the product price block:
vendor/hyva-themes/magento2-default-theme/Magento_Catalog/templates/product/price/final_price.phtml
→ app/design/frontend/Panth/infotech/Magento_Catalog/templates/product/price/final_price.phtml
Drop your Alpine.js component under web/tailwind/components/:
// web/tailwind/components/my-component.js
export default () => ({
open: false,
toggle() { this.open = !this.open; },
});Register it in web/tailwind/tailwind-source.css or via layout XML.
The theme follows Hyva's standard Tailwind 3 build pipeline:
web/tailwind/
├── components/ # Custom Alpine.js components (ES modules)
├── tailwind-source.css # Entry CSS (@tailwind directives + custom layers)
├── tailwind-preset.js # Shared preset (colors, fonts, breakpoints)
├── tailwind.config.js # Theme-specific Tailwind config
├── postcss.config.js # PostCSS pipeline (autoprefixer, cssnano)
└── package.json # npm scripts: build, watch, build-prod
npm scripts:
| Script | Purpose |
|---|---|
npm run build |
One-off development build |
npm run watch |
Rebuild on file change (dev) |
npm run build-prod |
Minified production build with purge |
Output: web/tailwind/tailwind.css (picked up automatically by Hyva layout).
theme-frontend-panth-infotech/
├── Magento_Catalog/
│ ├── layout/ # Category / product page layouts
│ └── templates/ # Product gallery, swatches, tiles
├── Magento_Checkout/
│ └── layout/ # Hyva checkout customizations
├── Magento_GiftMessage/
│ └── templates/
├── Magento_Swatches/
│ └── templates/
├── Magento_Theme/
│ ├── layout/ # Header, footer, homepage layouts
│ └── templates/ # Header, footer, copyright
├── Magento_Wishlist/
│ └── templates/
├── Panth_MegaMenu/
│ └── templates/ # Hyva mega menu template
├── etc/
│ └── view.xml # Image presets
├── media/
│ ├── preview.jpg # Theme preview thumbnail
│ └── screenshots/ # Marketplace screenshots
├── web/
│ ├── css/
│ ├── images/
│ ├── js/
│ └── tailwind/ # Tailwind 3 build pipeline
├── composer.json # 34 module dependencies
├── registration.php
├── theme.xml # parent: Hyva/default
├── CHANGELOG.md
├── LICENSE.txt
└── COPYING.txt
| Issue | Cause | Resolution |
|---|---|---|
| Theme not appearing in admin | Static content not deployed | Run bin/magento setup:static-content:deploy -f && bin/magento cache:flush |
| Tailwind classes missing on frontend | Purge ran before new templates were saved | Re-run npm run build-prod and flush cache |
| Admin "Build Theme" button fails | Node not on server PATH | Use SSH build or set PATH via cron/env config |
| Hyva parent theme not found | Hyva not installed | composer require hyva-themes/magento2-default-theme |
| Mega menu empty | Mega menu items not created | Admin → Panth Infotech → Mega Menu → Add Menu |
| Product gallery showing Magento default | Gallery module not enabled | bin/magento module:enable Panth_ProductGallery |
| Slow LCP on homepage | Hero image not optimized | Enable Image Optimizer module + set fetchpriority="high" on hero |
For other issues, enable Debug Mode under Theme Customizer and check var/log/panth_theme.log.
Yes. This is a Hyva child theme — the Hyva parent theme and a valid Hyva Themes commercial license are required. Purchase at hyva.io.
No. This theme is Hyva-only. For Luma storefronts, use the individual Panth extensions directly — they ship with Luma templates as well.
They are listed as Composer dependencies, so yes — they are installed automatically. However, each extension has an Enable / Disable toggle under Stores → Configuration → Panth Extensions, so you can switch off anything you don't need.
Yes. The admin Theme Customizer UI covers colors, typography, radius, spacing, header, footer, and more — with a live preview and one-click Tailwind rebuild.
Yes. All theme settings respect Magento's standard scope hierarchy (d
8000
efault → website → store view), and all user-facing strings use Magento's __() translation function.
Yes. Extend tailwind.config.js in web/tailwind/ with your own colors, fonts, and breakpoints. Run npm run build-prod to rebuild.
No — the opposite. The theme is built for Core Web Vitals: Tailwind purge strips unused CSS (< 40 KB gzipped on average), Alpine.js replaces jQuery / Knockout, images are lazy-loaded, third-party scripts deferred, and the Core Web Vitals module tracks RUM scores from real users.
Yes. All 34 bundled extensions pass MEQP with zero severity-10 violations. The theme itself ships no PHP logic beyond the standard registration.php.
Yes. Full source on GitHub at github.com/mage2sk/theme-frontend-panth-infotech.
Yes. Professional installation and customization is available — get a free quote.
| Channel | Contact |
|---|---|
| kishansavaliyakb@gmail.com | |
| Website | kishansavaliya.com |
| +91 84012 70422 | |
| GitHub Issues | github.com/mage2sk/theme-frontend-panth-infotech/issues |
| Upwork (Top Rated Plus) | Hire Kishan Savaliya |
| Upwork Agency | Panth Infotech |
Response time: 1-2 business days. Paid priority support and custom development available via Upwork.
Get a free quote in 24 hours — Hyva child themes, custom Magento 2 modules, performance optimization, M1→M2 migrations:
Specializations:
- 🎨 Hyva Theme Development — Alpine.js + Tailwind CSS child themes
- 🛒 Magento 2 Module Development — custom extensions following MEQP standards
- 🖌️ Luma Theme Customization — pixel-perfect designs, responsive layouts
- ⚡ Performance Optimization — Core Web Vitals, page speed, caching strategies
- 🔍 Magento SEO — structured data, hreflang, sitemaps, AI-generated meta
- 🛍️ Checkout Optimization — one-page checkout, conversion rate optimization
- 🚀 M1 to M2 Migrations — data migration, custom feature porting
- ☁️ Adobe Commerce Cloud — deployment, CI/CD, performance tuning
- 🤖 AI-Powered eCommerce — OpenAI / Claude integration for content, search, recommendations
- 🔌 Third-party Integrations — payment gateways, ERP, CRM, marketing tools
Industries served: Fashion & Apparel, Electronics, Health & Beauty, Food & Beverage, Home & Garden, B2B Wholesale, Multi-vendor Marketplaces.
Panth Infotech Theme is distributed under a proprietary commercial license — see LICENSE.txt. Each purchase licenses the theme for a single Magento installation (development, staging, and production of one live domain). For multi-store / multi-domain licensing, contact us for a quote.
Built and maintained by Kishan Savaliya — kishansavaliya.com — a Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience and a specialization in Hyva theme development.
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 and this flagship Hyva child theme, all built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.
Browse the full 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/theme-frontend-panth-infotech
- 🐙 GitHub: github.com/mage2sk/theme-frontend-panth-infotech
- 🛒 Adobe Marketplace: commercemarketplace.adobe.com
- 📧 Email: kishansavaliyakb@gmail.com
- 📱 WhatsApp: +91 84012 70422
Ready to launch a premium Hyva storefront?
SEO Keywords: magento 2 hyva theme, hyva child theme, premium magento theme, hyva infotech, panth infotech theme, tailwind magento theme, alpine.js magento, magento 2.4 hyva, hyva theme tailwind, magento 2 premium theme, hire hyva developer, hyva tailwind child theme, magento 2 storefront theme, hyva mega menu theme, hyva product gallery theme, magento 2 checkout theme, core web vitals hyva, tailwind css magento 2, alpine js magento 2, magento 2.4.8 hyva, magento 2.4.7 hyva, hyva 1.3 child theme, kishan savaliya hyva, panth infotech hyva, mage2kishan theme, mage2sk theme, magento marketplace hyva theme, custom hyva theme development, hyva theme customizer, magento 2 theme customizer, top rated plus magento freelancer, panth infotech magento