Layered Navigation Hyva
v1.2.6
Layered Navigation Hyva
- Updates and support included for 12 months
- License key delivered immediately by email
- 30-day money-back guarantee
- Full documentation included
- Compatible with Hyvä themes
- Composer-ready installation
De Hyvä-frontend metgezel van wimakeit/module-layered-navigation. Op een Hyvä storefront installeert u ook deze: hij levert de Tailwind-styling en registreert de navigatie bij de Tailwind-compilatie van Hyvä.
U installeert deze module bovenop de hoofdmodule — nooit in plaats ervan. De hoofdmodule bezit de filters, de configuratie en de templates; deze module bezit de Hyvä-styling.
Er wordt niets gedupliceerd tussen beide. De templates van de hoofdmodule zijn al thema-neutraal — BEM-klassen en Alpine.js — en daarom is deze package een stylesheet en een registratie, geen tweede implementatie.
Voor wie
- Winkels op Hyvä Themes die een volwaardige layered navigation nodig hebben
- Multi-frontend setups waar Luma of Breeze en Hyvä naast elkaar bestaan over store views heen en consistent moeten ogen
- Hyvä-projecten die de filters vanuit hun eigen thema willen herstylen zonder de module aan te raken
Belangrijkste voordelen
- Tailwind-styling, geen tweede set templates — dezelfde markup die de hoofdmodule op Luma en Breeze rendert, aangekleed met Tailwind utilities. Eén set templates te onderhouden, drie frontends.
- Registreert zichzelf bij Hyvä — zowel deze module als de hoofdmodule worden bij
hyva:config:generatein de Hyvä-configuratie geduwd, zodat de templates van de basismodule in de gegenereerde Tailwind content globs belanden en purging werkt zonder enige@source-directive. - Herstylen vanuit uw thema — dezelfde
--wm-ln-*custom properties zijn op Hyvä beschikbaar als op Luma en Breeze, zodat een winkel het blok op alle drie identiek herstyled. De accentkleur neemt standaard deprimaryvan uw Hyvä-thema over. - Geen flits voor Alpine opstart — een server-side marker houdt ingeklapte groepen en opties voorbij de "Toon meer"-limiet verborgen tot Alpine het overneemt, zodat het filterpaneel bij het laden nooit openflikkert.
- Alpine komt van Hyvä — de hoofdmodule slaat zijn eigen Alpine-loader over door te kijken welk thema de pagina rendert, zodat store views die nog op Luma of Breeze draaien de hunne behouden.
Compatibiliteit
- Magento 2.4.x / Mage-OS equivalent
- PHP 8.1, 8.2, 8.3, 8.4
- Vereist
wimakeit/module-layered-navigation1.2.3 of hoger (dit is een styling-addon, geen zelfstandige navigatie) - Vereist de officiële Hyvä Themes basismodule (
hyva-themes/magento2-theme-module1.3+) - Een storefront-thema op basis van Hyvä, met een Tailwind build-stap
Installeer deze module via Composer. Zorg ervoor dat uw auth.json is geconfigureerd met uw Wimakeit-inloggegevens.
$ 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.
- Versie
- v1.2.6
- Ondersteuning
- 12 maanden
- Last updated
- 25 aug. 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ä
- Compatibel
- Pakket
-
wimakeit/module-layered-navigation-hyva
Compatibility checker
Pick your stack to see if this module fits.
Een bug gevonden? Laat het ons weten.
Een kort formulier opent in een nieuw tabblad — de modulenaam en uw taal zijn al ingevuld. Beschrijf wat u probeerde, wat misging, en wij komen binnen één werkdag bij u terug.
Een bug melden voor Layered Navigation HyvaHulp nodig?
Ons team helpt u graag met de integratie.