PHPackages mage2kishan/module-theme-customizer - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. mage2kishan/module-theme-customizer ActiveMagento2-module[Utility & Helpers](/categories/utility) mage2kishan/module-theme-customizer =================================== Hyva Theme Customizer - Backend-driven theme configuration with CSS custom properties, color management, typography, and Tailwind CSS integration. 1.0.5(3w ago)031↓50%1proprietaryPHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0 Since Apr 16Pushed yesterdayCompare [ Source](https://github.com/mage2sk/module-theme-customizer)[ Packagist](https://packagist.org/packages/mage2kishan/module-theme-customizer)[ RSS](/packages/mage2kishan-module-theme-customizer/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependencies (6)Versions (7)Used By (1) Hyva Theme Customizer — Backend-Driven Theme Builder for Magento 2 | Panth Infotech =================================================================================== [](#hyva-theme-customizer--backend-driven-theme-builder-for-magento-2--panth-infotech) [![Magento 2.4.4 - 2.4.8](https://camo.githubusercontent.com/079c832211eed4f9451ebe264e3865f825b0f9f31b041cbf03676c6e254535d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322e342e342532302d2d253230322e342e382d6f72616e67653f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![PHP 8.1 - 8.4](https://camo.githubusercontent.com/56b3cce18841623e2cbed2ebf09b06be1be8807e99e6e054a89d304ab4790b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e312532302d2d253230382e342d626c75653f6c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://php.net)[![Hyva Theme](https://camo.githubusercontent.com/1204883b663f77a717ec9af1690727321fef0e5a23ca4301156478e702475920/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f487976612d5468656d6525323052656164792d3743334145443f6c6f676f3d7461696c77696e64637373266c6f676f436f6c6f723d7768697465)](https://hyva.io)[![Tailwind CSS](https://camo.githubusercontent.com/873a6dbec4b8ce6809335ccaaf51144b72acc121e9ccb04181750e8400388d35/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e642d4353532d3036423644343f6c6f676f3d7461696c77696e64637373266c6f676f436f6c6f723d7768697465)](https://tailwindcss.com)[![Packagist](https://camo.githubusercontent.com/b8efcf4d95fb5b4ae2834e7de13e35982fac45916231af956bd247b3f33aabb0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d7468656d652d2d637573746f6d697a65722d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-theme-customizer)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Panth Infotech Agency](https://camo.githubusercontent.com/401a792e990131002e91054d1b04494af5a2152fcc891ca000eb683786770abf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4167656e63792d50616e7468253230496e666f746563682d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com) > **Backend-driven theme configuration** for Hyva-powered Magento 2 storefronts. Manage your entire design system — colors, typography, Google Fonts, Tailwind CSS tokens, custom CSS, header layout, sticky header behavior, free shipping progress bar, and icon controls — directly from the Magento admin panel without touching a single line of code or running a Tailwind rebuild manually. **Panth Theme Customizer** turns your Hyva theme into a fully configurable design system. It exposes every brand-critical token — primary color, secondary color, accent color, body font, heading font, border radius, spacing, header height, icon set — as admin settings, then compiles them into CSS custom properties and Tailwind config that your frontend consumes live. Change a color in admin, click save, and watch your storefront update instantly. Under the hood, the module leverages CSS custom properties (CSS variables) so the entire color palette and typography system can be swapped without rebuilding your theme for most changes. For Tailwind-driven updates, a one-click "Rebuild Theme" button triggers the Hyva build pipeline from admin. Typography integrates directly with Google Fonts — pick any font from the Google Fonts library, and the module handles preloading, font-display optimization, and layered fallbacks automatically. Beyond tokens, Theme Customizer ships ready-to-use storefront components: a configurable sticky header with scroll thresholds, a free shipping progress bar that shows shoppers how close they are to free delivery, header layout variants (centered logo, split navigation, minimal), and an icon library switcher (Heroicons outline/solid, Lucide, custom SVG). Everything is multi-store aware, so each store view can have its own brand identity. --- 🚀 Need Custom Hyva Theme Development? ------------------------------------- [](#-need-custom-hyva-theme-development) > **Get a free quote for your project in 24 hours** — custom Hyva themes, theme customizer extensions, Tailwind design systems, performance optimization, and Adobe Commerce Cloud deployments. [ ![Get a Free Quote](https://camo.githubusercontent.com/eac8c45d21cff8b139ddc392325f3bd6c8266a6f3d7b23f15131c958f3d3c8d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476574253230612532304672656525323051756f74652532302545322538362539322d5265706c7925323077697468696e2532303234253230686f7572732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) ### 🏆 Kishan Savaliya [](#-kishan-savaliya) **Top Rated Plus on Upwork** [![Hire on Upwork](https://camo.githubusercontent.com/b69353d3c6e192f4d03cc36bb8883612004e32f54dd2dbcc1e700dd791acd875/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532306f6e2532305570776f726b2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21) 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist ### 🏢 Panth Infotech Agency [](#-panth-infotech-agency) **Magento Development Team** [![Visit Agency](https://camo.githubusercontent.com/bbf04bdd2aff502082508568ec42ace3a7475c98756f596e2013056c89726ed6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742532304167656e63792d50616e7468253230496e666f746563682d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/) Hyva Themes • Theme Customization • Tailwind Systems Performance • SEO • Adobe Commerce Cloud **Visit our website:** [kishansavaliya.com](https://kishansavaliya.com) | **Get a quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) --- Table of Contents ----------------- [](#table-of-contents) - [Why Theme Customizer](#why-theme-customizer) - [Key Features](#key-features) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [Color Management](#color-management) - [Typography & Google Fonts](#typography--google-fonts) - [Tailwind CSS Integration](#tailwind-css-integration) - [Custom CSS Injection](#custom-css-injection) - [Header Configuration](#header-configuration) - [Sticky Header](#sticky-header) - [Free Shipping Progress Bar](#free-shipping-progress-bar) - [Icon Controls](#icon-controls) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Why Theme Customizer -------------------- [](#why-theme-customizer) Hyva is the fastest Magento 2 storefront frontend in existence — but customizing it traditionally requires editing `tailwind.config.js`, running `npm run build-prod`, and deploying static content every time you want to change a color or swap a font. That workflow is fine for developers, but it's a blocker for merchants, designers, and marketing teams. **Theme Customizer bridges that gap.** Every design decision that used to require a developer now lives in `Stores → Configuration → Panth Extensions → Theme Customizer`: - Want to change the primary brand color for Black Friday? Open admin, pick a color, save. - Want to try a new Google Font for headings? Type the font name, save, done. - Want to toggle the sticky header on mobile only? Check a box. - Want to inject custom CSS for a one-off campaign? Paste it into the admin textarea. All changes are **multi-store scoped** — a different color palette per brand, per store view, per website. --- Key Features ------------ [](#key-features) ### Design Token Management [](#design-token-management) - **Color palette** — primary, secondary, accent, success, warning, error, info, neutral grays (11-step scale) — all editable via color picker - **CSS custom properties** — every token is emitted as a CSS variable (`--color-primary`, `--font-body`, `--radius-default`) for instant theming without rebuilds - **Border radius tokens** — small, default, large, full — applied across buttons, cards, inputs, modals - **Spacing tokens** — consistent padding and margin scales across the storefront ### Typography [](#typography) - **Google Fonts integration** — pick any Google Font for body text, headings, and UI elements - **Font preloading** — automatic `` for critical fonts to eliminate FOUT - **Font-display optimization** — `font-display: swap` applied by default for performance - **Fallback stacks** — graceful fallbacks to system fonts if Google Fonts fail to load - **Font weight controls** — select which weights to load per font (400, 500, 600, 700, 800) ### Tailwind CSS Integration [](#tailwind-css-integration) - **Theme config JSON** — `etc/theme-config.json` exposes all tokens to the Hyva Tailwind build - **One-click rebuild** — `Rebuild Theme` button in admin triggers the Tailwind build from the UI - **`ThemeBuildExecutorInterface`** — implements the Panth Core contract so other modules can trigger builds too - **Automatic static content deploy** — after build, static assets are flushed so changes go live immediately ### Custom CSS Injection [](#custom-css-injection) - **Per-store CSS textarea** — inject custom CSS that loads after the main stylesheet - **Critical CSS option** — mark CSS as critical to inline in `` for above-the-fold styling - **Store-view scoped** — each store view can have its own custom CSS ### Header & Layout [](#header--layout) - **Header layout variants** — centered logo, split navigation, minimal, classic left-logo - **Header height control** — set desktop and mobile header heights independently - **Sticky header** — enable sticky behavior with configurable scroll threshold - **Shrink-on-scroll** — optional header shrink animation when user scrolls - **Transparent header on homepage** — optional transparent overlay for hero sections ### Free Shipping Progress Bar [](#free-shipping-progress-bar) - **Dynamic progress bar** — displayed in cart and minicart showing progress toward free shipping threshold - **Configurable threshold** — set the free shipping minimum amount per store - **Custom messaging** — templated messages like "Add $25 more for free shipping!" and "🎉 You qualify for free shipping!" - **Color-aware** — uses your theme's primary and success colors automatically ### Icon Controls [](#icon-controls) - **Icon library switcher** — choose between Heroicons (outline/solid), Lucide, or upload custom SVG sprite - **Icon size tokens** — small (16px), medium (20px), large (24px), xl (32px) - **Icon color inheritance** — icons inherit text color by default, with override per instance ### Security & Performance [](#security--performance) - **MEQP compliant** — passes Adobe's Magento Extension Quality Program - **Cached output** — compiled CSS tokens are cached and invalidated only on config change - **Zero runtime overhead** — CSS variables are emitted once per page, no JS required for theming - **CSP-friendly** — custom CSS is nonce-tagged if Content Security Policy is active --- Compatibility ------------- [](#compatibility) RequirementVersions SupportedMagento Open Source2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce Cloud2.4.4 — 2.4.8PHP8.1.x, 8.2.x, 8.3.x, 8.4.xHyva Theme1.3.0+ (required)Tailwind CSS3.x (bundled with Hyva)Node.js18.x, 20.x (for Tailwind build)Dependency`mage2kishan/module-core` ^1.0Tested on: - Magento 2.4.8-p4 with Hyva 1.3.5 and PHP 8.4 - Magento 2.4.7 with Hyva 1.3.0 and PHP 8.3 - Magento 2.4.6 with Hyva 1.2.8 and PHP 8.2 --- Installation ------------ [](#installation) ### Composer Installation (Recommended) [](#composer-installation-recommended) ``` composer require mage2kishan/module-theme-customizer bin/magento module:enable Panth_Core Panth_ThemeCustomizer bin/magento setup:upgrade bin/magento setup:di:compile bin/magento setup:static-content:deploy -f bin/magento cache:flush ``` ### Rebuild Hyva Theme [](#rebuild-hyva-theme) After installation, rebuild your Hyva theme to pick up the new Tailwind config: ``` cd app/design/frontend///web/tailwind npm install npm run build-prod ``` Or click the **Rebuild Theme** button in: ``` Admin → Stores → Configuration → Panth Extensions → Theme Customizer → Advanced ``` ### Manual Installation via ZIP [](#manual-installation-via-zip) 1. Download the latest release ZIP from [Packagist](https://packagist.org/packages/mage2kishan/module-theme-customizer) 2. Extract the contents to `app/code/Panth/ThemeCustomizer/` 3. Run the commands above starting from `bin/magento module:enable` ### Verify Installation [](#verify-installation) ``` bin/magento module:status Panth_ThemeCustomizer # Expected output: Module is enabled ``` --- Configuration ------------- [](#configuration) All settings live at `Stores → Configuration → Panth Extensions → Theme Customizer`. The configuration is split into logical groups: SectionWhat It ControlsGeneralMaster enable toggle, store scope, cache behaviorColorsFull color palette (primary, secondary, accent, semantic colors, neutrals)TypographyBody font, heading font, font weights, Google Fonts loaderLayoutContainer widths, spacing scale, border radius tokensHeaderLayout variant, height, sticky behavior, transparent overlayFree Shipping BarEnable, threshold amount, messagesIconsIcon library, sizes, custom SVG spriteCustom CSSPer-store CSS injection, critical CSS toggleAdvancedRebuild theme button, clear cache, debug mode--- Color Management ---------------- [](#color-management) The module defines a complete semantic color system following Tailwind conventions: TokenPurposeDefault`primary`Main brand color (buttons, links, focus rings)`#0D9488``secondary`Secondary brand color`#1E40AF``accent`Accent for callouts, badges`#F59E0B``success`Success states, checkmarks, free shipping earned`#16A34A``warning`Warnings, low stock`#F59E0B``error`Errors, validation, out of stock`#DC2626``info`Info banners`#2563EB``neutral-50` → `neutral-900`11-step gray scaleTailwind defaultsEach color is editable via a native HTML5 color picker in admin and emitted as a CSS custom property: ``` :root { --color-primary: 13 148 136; --color-secondary: 30 64 175; --color-accent: 245 158 11; /* ...etc */ } ``` --- Typography & Google Fonts ----------------------------- [](#typography--google-fonts) Typography is configured in the **Typography** section. You can choose any font from the Google Fonts library for: - **Body font** — applied to `` and inherited by default - **Heading font** — applied to `h1`–`h6` - **UI font** — optional separate font for buttons, navigation, form inputs For each font, you select which weights to load. The module generates the optimized Google Fonts stylesheet URL with: - `display=swap` for FOUT prevention - Multiple families in a single request - Preconnect hints to `fonts.gstatic.com` - Preload for critical weights Example output in ``: ``` ``` --- Tailwind CSS Integration ------------------------ [](#tailwind-css-integration-1) Theme Customizer writes its tokens to `etc/theme-config.json`, which is read by the Hyva theme's `tailwind.config.js` via the `ThemeConfig` view model. This means: 1. **CSS variable changes** (colors, fonts, radius) take effect instantly with no rebuild 2. **Tailwind-class-driven changes** (spacing scale, breakpoints, max-widths) require a Tailwind rebuild The **Rebuild Theme** button in admin calls `Panth\ThemeCustomizer\Model\BuildExecutor`, which runs `npm run build-prod` in the active Hyva theme's `web/tailwind` directory and flushes static content. Progress and errors are streamed back to the admin UI. --- Custom CSS Injection -------------------- [](#custom-css-injection-1) The **Custom CSS** textarea lets you inject arbitrary CSS per store view. Common use cases: - Brand-specific overrides that don't warrant a full theme - Short-lived campaign styling (Black Friday banner, holiday promo) - Fixing a single selector without a theme deploy - A/B testing CSS changes Injected CSS loads after the main stylesheet, so your rules take precedence. If Content Security Policy is active, the module automatically nonces the `` tag. For critical above-the-fold CSS, enable the **Inline Critical** toggle to emit the CSS directly in `` instead of a linked stylesheet. --- Header Configuration -------------------- [](#header-configuration) Pre-built header layouts are selectable from a dropdown: LayoutDescriptionClassicLogo left, search center, mini-cart right (Hyva default)CenteredLogo centered, nav belowSplit NavNav split around centered logoMinimalJust logo and mini-cart, no search bar visibleTransparent OverlayFloating over hero image on homepage onlyEach layout supports independent **desktop height** and **mobile height** settings in pixels. --- Sticky Header ------------- [](#sticky-header) The sticky header is fully configurable: SettingDefaultDescriptionEnable StickyYesMaster toggleScroll Threshold100pxPixels scrolled before sticky activatesEnable on MobileYesToggle for small screensShrink on ScrollNoAnimate header to smaller height when stickyHide on Scroll DownNoHide sticky header when scrolling down, show on scroll upImplementation uses Alpine.js with `IntersectionObserver` — no jQuery, no scroll listeners — for buttery-smooth performance. --- Free Shipping Progress Bar -------------------------- [](#free-shipping-progress-bar-1) The Free Shipping Progress Bar appears in the cart drawer and full cart page. It calculates the difference between the current subtotal and the configured free shipping threshold, then renders a visual progress bar with a live message. **Example messages:** - `Add $25.00 more for free shipping!` (in progress) - `🎉 You qualify for free shipping!` (earned) - `You saved $0 on shipping!` (below threshold with inline savings highlight) Colors automatically match your theme palette (primary for fill, success for earned state), so the progress bar looks native to your brand with zero styling effort. --- Icon Controls ------------- [](#icon-controls-1) Select your icon library from a dropdown: - **Heroicons Outline** — clean line icons (default) - **Heroicons Solid** — filled icons for emphasis - **Lucide** — modern open-source icon set - **Custom SVG Sprite** — upload your own SVG sprite and map icon names Icon sizes are standardized as Tailwind utilities: - `icon-sm` (16×16) - `icon-md` (20×20) - `icon-lg` (24×24) - `icon-xl` (32×32) Colors inherit from `currentColor` by default, meaning icons match the surrounding text color automatically. --- FAQ --- [](#faq) ### Do changes require a Tailwind rebuild every time? [](#do-changes-require-a-tailwind-rebuild-every-time) No. Color, font, and radius changes use CSS custom properties and take effect instantly. Only changes to Tailwind-class-driven tokens (custom spacing scales, new breakpoints) require a rebuild via the **Rebuild Theme** button. ### Does this work with Luma? [](#does-this-work-with-luma) No. Theme Customizer is built specifically for Hyva's Tailwind-based architecture. For Luma stores, use Magento's built-in Design Configuration. ### Can I have different colors per store view? [](#can-i-have-different-colors-per-store-view) Yes. All Theme Customizer settings respect Magento's scope hierarchy — default, website, and store view — so each brand can have its own palette. ### Will my custom Hyva child theme break? [](#will-my-custom-hyva-child-theme-break) No. Theme Customizer reads your active Hyva child theme and writes tokens into its Tailwind config. If your child theme already overrides tokens, you can disable Theme Customizer for those specific tokens. ### Does the free shipping bar work with multi-currency? [](#does-the-free-shipping-bar-work-with-multi-currency) Yes. The threshold is stored in base currency and converted per store view automatically using Magento's standard currency conversion. ### Can I export and import my theme settings? [](#can-i-export-and-import-my-theme-settings) Yes. Use Magento's standard config export (`bin/magento config:show` / `config:set`) to move settings between environments. All Theme Customizer paths start with `panth_theme_customizer/*`. ### Is the source code available? [](#is-the-source-code-available) Yes. The full source is on GitHub at [github.com/mage2sk/module-theme-customizer](https://github.com/mage2sk/module-theme-customizer). ### Does the module slow down the frontend? [](#does-the-module-slow-down-the-frontend) No. All CSS variables are emitted once in ``, Google Fonts are preloaded, and the progress bar uses Alpine.js (already loaded by Hyva). Zero additional JS libraries are added to your storefront. --- Support ------- [](#support) ChannelContactEmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-theme-customizer/issues](https://github.com/mage2sk/module-theme-customizer/issues)Upwork (Top Rated Plus)[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)Upwork Agency[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)Response time: 1-2 business days. ### 💼 Need Custom Hyva Development? [](#-need-custom-hyva-development) Looking for **custom Hyva theme development**, **Tailwind design systems**, **theme customizer extensions**, or **storefront performance optimization**? Get a free quote in 24 hours: [ ![Get a Free Quote](https://camo.githubusercontent.com/0d9512dc4f89ef40179e9f650fd0786b6bc846d289ab2cb04a223a43f2833eeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253932254143253230476574253230612532304672656525323051756f74652d6b697368616e736176616c6979612e636f6d2532466765742d2d71756f74652d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) [ ![Hire on Upwork](https://camo.githubusercontent.com/fad56e8be7896e39593f090cd2ed32e6bf86b4b6e75974cf292aee99d45f5077/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532304b697368616e2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/freelancers/~016dd1767321100e21) [ ![Visit Agency](https://camo.githubusercontent.com/fdf45a9d937d72b896f5e2557337d47efebc0e06b7ad4d4c162c0a64375a62fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742d50616e7468253230496e666f746563682532304167656e63792d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/agencies/1881421506131960778/) [ ![Visit Website](https://camo.githubusercontent.com/7455559317a374eb3eb536c5ea201ca2c2a29bc13d82cc127278975a680d552c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669736974253230576562736974652d6b697368616e736176616c6979612e636f6d2d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com) --- License ------- [](#license) Panth Theme Customizer is distributed under a proprietary license — see `LICENSE.txt`. A single license permits installation on one Magento production domain and its associated staging/development environments. --- About Panth Infotech -------------------- [](#about-panth-infotech) Built and maintained by **Kishan Savaliya** — [kishansavaliya.com](https://kishansavaliya.com) — a **Top Rated Plus** Magento developer on Upwork with 10+ years of eCommerce experience and a deep specialization in Hyva themes and Tailwind design systems. **Panth Infotech** is a Magento 2 development agency focused on high-performance Hyva storefronts, custom module development, and merchant-empowering admin tools. Our extension suite spans 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](https://commercemarketplace.adobe.com) or [Packagist](https://packagist.org/packages/mage2kishan/). ### Quick Links [](#quick-links) - 🌐 **Website:** [kishansavaliya.com](https://kishansavaliya.com) - 💬 **Get a Quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) - 👨‍💻 **Upwork Profile (Top Rated Plus):** [upwork.com/freelancers/~016dd1767321100e21](https://www.upwork.com/freelancers/~016dd1767321100e21) - 🏢 **Upwork Agency:** [upwork.com/agencies/1881421506131960778](https://www.upwork.com/agencies/1881421506131960778/) - 📦 **Packagist:** [packagist.org/packages/mage2kishan/module-theme-customizer](https://packagist.org/packages/mage2kishan/module-theme-customizer) - 🐙 **GitHub:** [github.com/mage2sk/module-theme-customizer](https://github.com/mage2sk/module-theme-customizer) - 🛒 **Adobe Marketplace:** [commercemarketplace.adobe.com](https://commercemarketplace.adobe.com) - 📧 **Email:** - 📱 **WhatsApp:** +91 84012 70422 --- **Ready to transform your Hyva storefront design workflow?** [ ![Get Started](https://camo.githubusercontent.com/66dee04430af977df988ac18454416f2f08a5169868a0d0689061b7e8db6f8ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253941253830253230476574253230537461727465642532302545322538362539322d4672656525323051756f7465253230696e2532303234682d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) --- **SEO Keywords:** magento 2 theme customizer, hyva theme builder, css custom properties, google fonts magento, tailwind magento, theme tokens, hyva theme configuration, magento 2 color palette, magento 2 typography, hyva sticky header, free shipping progress bar magento, magento 2 custom css, hyva tailwind config, magento 2 header layouts, hyva icon library, heroicons magento, lucide icons magento, magento 2 design system, hyva child theme customization, tailwind design tokens, magento 2 admin theme editor, backend driven theme, hyva theme customization, magento 2 brand manager, multi-store theme, store view color palette, panth theme customizer, panth infotech, hire magento developer upwork, top rated plus magento freelancer, kishan savaliya magento, hyva performance optimization, magento 2.4.8 hyva, php 8.4 hyva, mage2kishan, mage2sk, magento marketplace developer, custom hyva development india, magento 2 hyva development, magento 2 performance optimization, adobe commerce cloud expert, tailwind css magento ### Health Score 45 — FairBetter than 91% of packages Maintenance98 Actively maintained with recent releases Popularity10 Limited adoption so far Community8 Small or concentrated contributor base Maturity55 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~5 days Total 6 Last Release 27d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/343e344aa298f189db888b32d62f9202d31ced1a5ea23411850a63dc4a30299c?d=identicon)[kishansavaliya](/maintainers/kishansavaliya) --- Top Contributors [![KishanSavaliya](https://avatars.githubusercontent.com/u/16853223?v=4)](https://github.com/KishanSavaliya "KishanSavaliya (14 commits)") ### Embed Badge ![Health badge](/badges/mage2kishan-module-theme-customizer/health.svg) ``` [![Health](https://phpackages.com/badges/mage2kishan-module-theme-customizer/health.svg)](https://phpackages.com/packages/mage2kishan-module-theme-customizer) ``` ### Alternatives [loki/magento2-components Core module for defining Alpine.js components with advanced AJAX features 1010.0k22](/packages/loki-magento2-components)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68353.9k](/packages/run-as-root-magento2-prometheus-exporter)[baldwin/magento2-module-url-data-integrity-checker Magento 2 module which can find potential url related problems in your catalog data 282806.2k](/packages/baldwin-magento2-module-url-data-integrity-checker)[mollie/magento2 Mollie Payment Module for Magento 2 1131.8M12](/packages/mollie-magento2)[mage-os/module-inventory-reservations-grid Add a grid with the list of inventory reservations. 1512.6k](/packages/mage-os-module-inventory-reservations-grid) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)