Layered Navigation Hyva
v1.2.6
Layered Navigation Hyva
- Mises à jour et support inclus pendant 12 mois
- Clé de licence livrée immédiatement par email
- Garantie satisfait ou remboursé 30 jours
- Documentation complète incluse
- Compatible avec les thèmes Hyvä
- Installation prête pour Composer
Le module compagnon Hyvä de wimakeit/module-layered-navigation. Sur un storefront Hyvä, installez aussi celui-ci : il fournit le styling Tailwind et enregistre la navigation auprès de la compilation Tailwind de Hyvä.
Vous installez ce module en complément du module principal — jamais à sa place. Le module principal possède les filtres, la configuration et les templates ; celui-ci possède le styling Hyvä.
Rien n'est dupliqué entre les deux. Les templates du module principal sont déjà neutres vis-à-vis du thème — classes BEM et Alpine.js — c'est pourquoi ce package est une feuille de style et un enregistrement, pas une seconde implémentation.
À qui ça s'adresse
- Boutiques sous Hyvä Themes qui ont besoin d'une layered navigation complète
- Setups multi-frontend où Luma ou Breeze et Hyvä cohabitent selon les store views et doivent rester cohérents
- Projets Hyvä qui veulent restyler les filtres depuis leur propre thème sans toucher au module
Bénéfices clés
- Du styling Tailwind, pas un second jeu de templates — le même balisage que le module principal rend sur Luma et Breeze, habillé d'utilitaires Tailwind. Un seul jeu de templates à maintenir, trois frontends.
- S'enregistre auprès de Hyvä — ce module et le principal sont poussés dans la configuration Hyvä lors du
hyva:config:generate: les templates du module de base atterrissent dans les content globs Tailwind générés et le purge fonctionne sans aucune directive@source. - Restylable depuis votre thème — les mêmes custom properties
--wm-ln-*sont exposées sur Hyvä comme sur Luma et Breeze : une boutique rethème le bloc à l'identique sur les trois. L'accent reprend par défaut la couleurprimaryde votre thème Hyvä. - Aucun flash avant le boot d'Alpine — un marqueur côté serveur garde masqués les groupes repliés et les options au-delà de la limite « Voir plus » jusqu'à ce qu'Alpine prenne la main : le panneau de filtres ne s'ouvre jamais en clignotant au chargement.
- Alpine vient de Hyvä — le module principal saute son propre loader Alpine en inspectant le thème qui rend la page, de sorte que les store views encore sous Luma ou Breeze gardent le leur.
Compatibilité
- Magento 2.4.x / équivalent Mage-OS
- PHP 8.1, 8.2, 8.3, 8.4
- Nécessite
wimakeit/module-layered-navigation1.2.3 ou supérieur (c'est un addon de styling, pas une navigation autonome) - Nécessite le module de base officiel Hyvä Themes (
hyva-themes/magento2-theme-module1.3+) - Un thème storefront basé sur Hyvä, avec une étape de build Tailwind
Installez ce module via Composer. Assurez-vous que votre auth.json est configuré avec vos identifiants Wimakeit.
$ composer require wimakeit/module-layered-navigation-hyva:^1.2.6
$ bin/magento setup:upgrade
$ bin/magento setup:di:compileInstallation notes
The standard composer require + setup:upgrade + setup:di:compile flow applies. The points below cover what's specific to this module.
Required Wimakeit dependency
This module is a styling addon for Hyvä. It cannot work on its own — install the main module alongside it:
| Package | Minimum | Role |
|---|---|---|
wimakeit/module-layered-navigation | 1.2.3 | owns the filters, the configuration and the templates |
wimakeit/module-layered-navigation-hyva | this module | Tailwind styling and Hyvä registration |
Required third-party dependency
| Package | Minimum |
|---|---|
hyva-themes/magento2-theme-module | 1.3 |
Your storefront must run on a Hyvä-based theme. If your store is on Luma or Breeze, install only the main module and skip this one.
Install sequence
A Tailwind rebuild is part of the installation — the styles will not appear without it.
composer require wimakeit/module-layered-navigation-hyva
bin/magento module:enable Wimakeit_LayeredNavigationHyva
bin/magento setup:upgrade
bin/magento hyva:config:generate
Then, in your Hyvä theme directory:
npm run build-prod
hyva:config:generate is what registers both this module and the main one as Hyvä extensions, which is what puts the base module's templates into the generated tailwind.config.js content globs. Skip it and Tailwind purges the classes the filters rely on.
Configuration
There is no admin configuration specific to this module. Every setting — filters, options display, swatches, price rendering, AJAX, mobile drawer — lives in the main module under Stores → Configuration → Wimakeit → Layered Navigation, plus the per-attribute and per-category overrides described in its own install notes.
Customisation
Restyle from your Hyvä theme by overriding the custom properties the module exposes:
:root {
--wm-ln-accent: theme('colors.primary.DEFAULT');
--wm-ln-accent-soft: theme('colors.primary.lighter');
--wm-ln-ink: #1f2937;
--wm-ln-muted: #6b7280;
--wm-ln-paper: #ffffff;
--wm-ln-rule: #e5e7eb;
--wm-ln-rule-major: #d1d5db;
--wm-ln-radius: 4px;
--wm-ln-zoom-size: 180px;
}
These are the same --wm-ln-* properties the Luma and Breeze stylesheets expose, so a store themes the block identically on all three frontends.
- Version
- v1.2.6
- Support
- 12 mois
- Dernière mise à jour
- 25 août 2026
- Magento
- Magento 2.4.4 Magento 2.4.5 Magento 2.4.6 Magento 2.4.7 Mage-OS 2.0 Mage-OS 2.1
- PHP
- PHP 8.1 PHP 8.2 PHP 8.3
- Hyvä
- Compatible
- Package
-
wimakeit/module-layered-navigation-hyva
Vérifier la compatibilité
Indiquez votre stack pour vérifier la compatibilité du module.
Vous avez trouvé un bug ? Faites-nous-en part.
Un court formulaire s'ouvre dans un nouvel onglet — le nom du module et votre langue sont déjà pré-remplis. Décrivez ce que vous avez tenté, ce qui n'a pas fonctionné, et nous vous répondrons sous un jour ouvré.
Signaler un bug pour Layered Navigation HyvaBesoin d'aide ?
Notre équipe est disponible pour vous accompagner dans l'intégration.