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.7(1mo ago)039↓66.7%1proprietaryPHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0 Since Apr 16Pushed 1mo agoCompare [ 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 3w ago READMEChangelogDependencies (12)Versions (9)Used By (1) Magento 2 Hyva Theme Customizer: Google Fonts, Custom CSS, Sticky Header, Free Shipping Bar =========================================================================================== [](#magento-2-hyva-theme-customizer-google-fonts-custom-css-sticky-header-free-shipping-bar) [![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/45cbc07151dfd43646abe0ae9796d3637a1258905fef5a1d2010c61940a60abc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5468656d65732d487976612d313462386136)](https://www.hyva.io)[![Live Demo & Details](https://camo.githubusercontent.com/353469ef094c603b73da9d6e6750dfefcdf8f69e2109930e1f0ac009c30e948a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c69766525323044656d6f25323025323625323044657461696c732d6d6167656e746f2d2d322d2d7468656d652d2d637573746f6d697a65722d3044393438383f7374796c653d666c6174)](https://kishansavaliya.com/magento-2-theme-customizer.html)[![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)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com) > **Configure your Hyva storefront from the Magento admin panel.** Panth Theme Customizer lets you load Google Fonts, inject custom CSS, enable a sticky header, show a free shipping progress bar in the mini cart, control header icons, add a top bar announcement strip, and trigger a Tailwind CSS rebuild - all without touching theme files. **Product page:** [kishansavaliya.com/magento-2-theme-customizer.html](https://kishansavaliya.com/magento-2-theme-customizer.html) --- Quick Answer ------------ [](#quick-answer) **What is Panth Theme Customizer?** It is a Magento 2 extension for Hyva storefronts that moves common theme configuration options into the admin panel. You control Google Fonts, custom CSS, header behavior, mini cart settings, and icon visibility without editing code or re-deploying theme files. **What does it add to my store?** - **Google Fonts** for body and heading text, loaded via CDN with a single admin dropdown. - **Custom CSS injection** per store view, output as an inline style tag on every page. - **Sticky header** with optional scroll-up reveal behavior. - **Top bar announcement strip** with configurable left and right text blocks. - **Free shipping progress bar** in the mini cart with a configurable threshold and custom messages. - **Header icon controls** to show or hide search, account, and mini cart icons, and set icon size and badge style. - **Tailwind CSS rebuild** triggered from admin via CLI commands or an AJAX button. **Which themes are supported?** Hyva (Tailwind-based). The module also ships Luma-compatible SVG header icons for stores that mix themes. Core Tailwind token management (colors, spacing, radius) is done through `theme-config.json` in your Hyva child theme. **What does it need?** Magento 2.4.4 to 2.4.8, PHP 8.1 to 8.4, and the free `mage2kishan/module-core` package. --- Need Custom Magento 2 Development? ---------------------------------- [](#need-custom-magento-2-development) > **Get a free quote for your project in 24 hours** for custom modules, Hyva themes, performance work, M1 to M2 migrations, and Adobe Commerce Cloud. [ ![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/) Custom Modules - Theme Design - Migrations 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) - [Who Is It For](#who-is-it-for) - [Key Features](#key-features) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [How It Works](#how-it-works) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Who Is It For ------------- [](#who-is-it-for) - **Merchants on Hyva** who want to change fonts, inject CSS, or toggle header options without asking a developer every time. - **Designers and marketing teams** who need to adjust the storefront appearance for campaigns or seasonal promotions without a code deploy. - **Store owners running multiple brands** who need different fonts or custom CSS per store view. - **Developers setting up Hyva stores** who want a clean admin UI for the most common runtime theme settings, while keeping visual tokens in `theme-config.json`. --- Key Features ------------ [](#key-features) ### Google Fonts [](#google-fonts) - **Body font selector** - pick any Google Font from the admin dropdown for body text, paragraphs, buttons, and inputs. - **Heading font selector** - pick a separate font for h1-h6 elements, or leave it to follow the body font. - **Automatic CDN link injection** - the module generates the optimized Google Fonts `` tag and adds it to `` for you. - **System fonts option** - set either field to System Fonts to load nothing from CDN, which is the fastest option. ### Custom CSS Injection [](#custom-css-injection) - **Per-store CSS textarea** in admin with a built-in ACE editor (beautify, validate, download, import). - **Backend validation** blocks dangerous patterns like script tags, JavaScript URLs, and event handler attributes. - **Inline output** as a `` tag after the main stylesheet, so your rules take precedence without a theme deploy. - **Store-view scoped** - each store view can carry its own CSS block. ### Header Configuration [](#header-configuration) - **Enable custom header** toggle to switch between the default theme header and the Panth header. - **Sticky header** with a configurable scroll-up reveal behavior (hide when scrolling down, show when scrolling up). - **Header height** setting in pixels for the content area. - **Container width** selector for the header content area. ### Top Bar Announcement Strip [](#top-bar-announcement-strip) - **Enable top bar** toggle for an announcement bar above the header. - **Left side text** and **right side text** fields that support HTML for links, bold text, and other inline markup. - Common use: free shipping threshold message on the left, phone number or store hours on the right. ### Mini Cart and Free Shipping Progress Bar [](#mini-cart-and-free-shipping-progress-bar) - **Free shipping progress bar** in the mini cart sidebar showing how close the cart total is to the threshold. - **Configurable threshold** - set the minimum order amount per store view. - **Progress message** with an `{amount}` placeholder. Example: `Add {amount} more for free shipping!` - **Success message** shown when the threshold is reached. - **Show/hide continue shopping button** in the mini cart. - **Show/hide cart subtotal** in the mini cart. ### Header Icon Controls [](#header-icon-controls) - **Toggle search, account, and mini cart icons** on or off. - **Cart counter badge style** - choose between circle, pill, or square badge shapes. - **Icon size** field in pixels (default: 24). ### Tailwind CSS Build Integration [](#tailwind-css-build-integration) - **`theme:customizer:build` CLI command** triggers the Tailwind build from the shell. - **`theme:customizer:check` CLI command** verifies the build environment. - **`theme:customizer:export-css` CLI command** exports compiled CSS. - **Admin AJAX build button** in the Theme Customizer configuration section. - **`ThemeBuildExecutorInterface` implementation** so other modules (including Panth Core) can trigger builds through a shared contract. - **Luma header compatibility** - SVG header icons, account dropdown, and top bar that match Hyva's icon style on Luma storefronts, removed automatically on Hyva via `default_hyva.xml`. ### Architecture [](#architecture) - **`theme-config.json`** in the child theme holds visual tokens (colors, spacing, radii, shadows) consumed by the Node.js Tailwind build script. - **CSS custom properties** generated from `theme-config.json` for colors and typography, emitted once in ``. - **Constructor dependency injection only** - no ObjectManager usage. - **Multi-store scoped** - all admin settings respect default, website, and store view scope. --- 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 to 2.4.8PHP8.1.x, 8.2.x, 8.3.x, 8.4.xHyva Theme1.3+ (required for Tailwind build integration)Node.js18.x or 20.x (for Tailwind rebuild, not required at runtime)Required Dependency`mage2kishan/module-core` (free)--- 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 ``` ### Manual Installation via ZIP [](#manual-installation-via-zip) 1. Download the latest release from [Packagist](https://packagist.org/packages/mage2kishan/module-theme-customizer) or from the [product page](https://kishansavaliya.com/magento-2-theme-customizer.html). 2. Extract it to `app/code/Panth/ThemeCustomizer/` in your Magento install. 3. Make sure `Panth_Core` is installed too (required dependency). 4. Run the commands above starting from `bin/magento module:enable`. ### Verify Installation [](#verify-installation) ``` bin/magento module:status Panth_ThemeCustomizer # Expected: Module is enabled ``` After install, open: ``` Admin -> Stores -> Configuration -> Panth Extensions -> Theme Customizer Admin -> Stores -> Configuration -> Panth Extensions -> Header Configuration ``` --- Configuration ------------- [](#configuration) ### Theme Customizer [](#theme-customizer) Go to **Stores -> Configuration -> Panth Extensions -> Theme Customizer**. SettingGroupDefaultDescriptionBody FontGoogle FontsSystem FontsGoogle Font for body text. System Fonts loads nothing from CDN.Heading FontGoogle FontsSystem DefaultGoogle Font for h1-h6. Leave as System Default to follow body font.Custom CSSCustom CSS(empty)CSS injected as inline `` on every page. Scoped per store view.Visual design tokens (colors, spacing, radii, shadows, typography sizes) are configured in `theme-config.json` inside your Hyva child theme's `web/tailwind/` directory. After editing that file, run `node generate-theme-css.js` and `npm run build` in that directory, then flush the cache. ### Header Configuration [](#header-configuration-1) Go to **Stores -> Configuration -> Panth Extensions -> Header Configuration**. SettingGroupDefaultDescriptionEnable Custom HeaderGeneralNoUse the Panth custom header instead of the default theme header.Enable Sticky HeaderGeneralNoHeader stays fixed at the top when scrolling.Show on Scroll UpGeneralNoHide sticky header when scrolling down, show on scroll up. Requires sticky enabled.Enable Top BarTop BarNoShow the announcement bar above the header.Left Side TextTop Bar(empty)Left side content. Supports HTML.Right Side TextTop Bar(empty)Right side content. Supports HTML.Show Search IconIconsYesShow or hide the search icon in the header.Show Account IconIconsYesShow or hide the account icon in the header.Show Mini Cart IconIconsYesShow or hide the mini cart icon.Cart Counter Badge StyleIconsCircleShape of the item count badge on the cart icon.Icon Size (px)Icons24Size of header icons in pixels.Show Free Shipping ProgressMini CartNoProgress bar toward free shipping in the mini cart sidebar.Free Shipping ThresholdMini Cart99Minimum order amount for free shipping.Progress MessageMini Cart(template)Message with `{amount}` placeholder while progress is incomplete.Success MessageMini Cart(template)Message shown when threshold is reached.Show Continue Shopping ButtonMini CartYesShow or hide the continue shopping button in the mini cart.Show Cart SubtotalMini CartYesShow or hide the cart subtotal in the mini cart.Container WidthLayout(theme default)Width of the header content area.Header Height (px)Layout80Height of the header in pixels.--- How It Works ------------ [](#how-it-works) 1. **Google Fonts** - on each page request, the module reads the admin-selected fonts, builds the Google Fonts CDN URL with `display=swap`, and injects a `` tag into ``. No font files are hosted locally. 2. **Custom CSS** - the admin textarea value is read at render time and output as an inline `` tag after the main stylesheet. Backend validation runs when you save, blocking any patterns that could introduce XSS. 3. **Header and icons** - an Alpine.js-powered header block reads the admin settings via a view model and toggles sticky behavior, scroll-up reveal, and icon visibility at runtime. No jQuery is needed. 4. **Top bar** - rendered as a separate block above the header, with left and right text fields. HTML is allowed so you can include links. 5. **Free shipping bar** - the mini cart block reads the configured threshold, compares it to the current cart subtotal, and renders a progress bar with the configured messages. It updates reactively via Alpine.js when the cart changes. 6. **Tailwind rebuild** - the `BuildExecutor` model runs `npm run build-prod` in the active Hyva child theme's `web/tailwind/` directory and flushes static content. This is available as a CLI command or an admin AJAX button. 7. **`theme-config.json`** - visual tokens (colors, spacing, radii) live here and are read by the Tailwind build script. CSS custom properties generated from this file are emitted in `` so color changes without Tailwind class changes take effect without a rebuild. --- FAQ --- [](#faq) ### Does this work with Luma? [](#does-this-work-with-luma) Mostly no. The Google Fonts loader, custom CSS, and free shipping bar work on any theme. The sticky header, top bar, and icon controls are designed for Hyva's Alpine.js architecture. The module ships separate Luma-compatible SVG header icons that are loaded on Luma and removed on Hyva automatically. ### Do I need to run a Tailwind rebuild every time I change something? [](#do-i-need-to-run-a-tailwind-rebuild-every-time-i-change-something) No. Google Fonts, custom CSS, sticky header, top bar, icon settings, and free shipping bar all work without a rebuild. Only changes to `theme-config.json` (colors, spacing tokens, radii) that affect Tailwind utility classes require the `npm run build` step. ### Can I have different settings per store view? [](#can-i-have-different-settings-per-store-view) Yes. All settings in both configuration sections respect Magento's scope hierarchy: default, website, and store view. Each store view can have its own fonts, custom CSS, free shipping threshold, and header configuration. ### Is the custom CSS safe to use? [](#is-the-custom-css-safe-to-use) The module validates the CSS value before saving. It rejects script tags, JavaScript URLs (`javascript:`), and event handler attributes. Ordinary CSS rules save without restriction. ### Does the free shipping bar work with multi-currency? [](#does-the-free-shipping-bar-work-with-multi-currency) Yes. The threshold is stored in your base currency. The comparison to the cart subtotal uses Magento's standard subtotal calculation, which already handles currency conversion for each store view. ### Can I export the Theme Customizer settings? [](#can-i-export-the-theme-customizer-settings) Yes. Use `bin/magento config:show` and `bin/magento config:set` to move settings between environments. All Theme Customizer paths start with `theme_customizer/*` and all Header Configuration paths start with `panth_header/*`. ### Does this module need Node.js installed on the server? [](#does-this-module-need-nodejs-installed-on-the-server) Only for the Tailwind rebuild commands (`theme:customizer:build`). Runtime features like Google Fonts, custom CSS injection, sticky header, and free shipping bar have no Node.js dependency. If your CI pipeline handles static content deployment, you do not need Node.js on the production server. ### Does Panth Theme Customizer need Panth Core? [](#does-panth-theme-customizer-need-panth-core) Yes. `mage2kishan/module-core` is a free, required dependency. Composer installs it for you automatically. ### Is the source code on GitHub? [](#is-the-source-code-on-github) Yes. The full source is at [github.com/mage2sk/module-theme-customizer](https://github.com/mage2sk/module-theme-customizer). --- Support ------- [](#support) ChannelContactProduct Page[kishansavaliya.com/magento-2-theme-customizer.html](https://kishansavaliya.com/magento-2-theme-customizer.html)EmailWebsite[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 Magento Development? [](#need-custom-magento-development) Looking for **custom Magento module development**, **Hyva theme work**, **store migrations**, or **performance tuning**? 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/) [ ![View Product Page](https://camo.githubusercontent.com/0a504e4ef8c7a10a18999d1ad8473af4192b23104036e476480af46816de9b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669657725323050726f64756374253230506167652d6d6167656e746f2d2d322d2d7468656d652d2d637573746f6d697a65722d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/magento-2-theme-customizer.html) --- 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. **Panth Infotech** is a Magento 2 development agency that builds high quality, security focused extensions and themes for both Hyva and Luma storefronts. The extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management, with each module built to MEQP standards and tested across Magento 2.4.4 to 2.4.8. Browse the full extension catalog on our [Magento extensions page](https://kishansavaliya.com/magento-extensions.html) or on [Packagist](https://packagist.org/packages/mage2kishan/). --- Quick Links ----------- [](#quick-links) ResourceLink**Product Page**[magento-2-theme-customizer.html](https://kishansavaliya.com/magento-2-theme-customizer.html)**Packagist**[mage2kishan/module-theme-customizer](https://packagist.org/packages/mage2kishan/module-theme-customizer)**GitHub**[mage2sk/module-theme-customizer](https://github.com/mage2sk/module-theme-customizer)**Website**[kishansavaliya.com](https://kishansavaliya.com)**Free Quote**[kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote)**Upwork (Top Rated Plus)**[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)**Upwork Agency**[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)**Email****WhatsApp**+91 84012 70422--- **Ready to configure your Hyva storefront from the admin panel?** [ ![See Theme Customizer](https://camo.githubusercontent.com/bd56d9644d731e985420cdb39ef8e7a9c1a070d4f57df3d4d21aad407adf32fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539412538302532305365652532305468656d65253230437573746f6d697a65722532302545322538362539322d50726f647563742532305061676525323025323625323044657461696c732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/magento-2-theme-customizer.html) --- **SEO Keywords:** magento 2 theme customizer, hyva theme customizer, magento 2 google fonts, magento 2 custom css, hyva sticky header, free shipping progress bar magento, magento 2 header configuration, hyva theme builder, magento 2 admin theme editor, magento 2 topbar announcement, hyva tailwind css admin, magento 2 mini cart free shipping bar, hyva theme configuration, magento 2 custom css extension, magento 2 google fonts extension, hyva header icons, magento 2 sticky header, magento 2 free shipping bar, magento 2 header height, magento 2 hyva theme settings, panth theme customizer, mage2kishan theme customizer, magento 2.4.8 hyva, php 8.4 hyva, tailwind css magento 2, hyva 1.3 extension, magento 2 store view css, magento 2 per store font, custom css magento storefront, kishan savaliya magento, panth infotech, hire magento developer, top rated plus upwork, magento 2 hyva development, adobe commerce hyva extension ### Health Score 44 — FairBetter than 90% of packages Maintenance91 Actively maintained with recent releases Popularity9 Limited adoption so far Community8 Small or concentrated contributor base Maturity57 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 ~8 days Total 8 Last Release 36d 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 1011.8k26](/packages/loki-magento2-components)[mollie/magento2 Mollie Payment Module for Magento 2 1131.9M16](/packages/mollie-magento2)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68357.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 282822.9k](/packages/baldwin-magento2-module-url-data-integrity-checker)[zwernemann/module-withdrawal Magento 2 EU Withdrawal Button Module - Adds a withdrawal/revocation button for orders in compliance with EU Directive (EU) 2023/2673 256.0k2](/packages/zwernemann-module-withdrawal)[angeo/module-llms-txt Magento 2 module for AI Engine Optimization (AEO). Generates spec-compliant llms.txt and llms-full.txt per llmstxt.org standard, plus streaming JSONL for vector indexing. Multi-store, multi-website, CLI, cron, async admin UI, Page Builder-aware sanitization, customer-group pricing, atomic writes, ETag/Cache-Control, .md mirrors. 111.1k](/packages/angeo-module-llms-txt) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)