Kowal Mega Menu — automatisch megamenu voor Magento 2

MAGENTO 2 · CATEGORIEËN · DESKTOPMENU · LUMA EN HYVÄ

Kowal Megamenu

Presenteer de catalogus in kolommen of onder de knop PRODUCTEN. Het menu gebruikt de categoriestructuur van de webshop, terwijl eigen links naar collecties, uitverkoop en andere belangrijke pagina’s leiden.

1–6 kolommen · Eigen links · Optionele Hyvä-adapter

HOE HET IN DE PRAKTIJK WERKT

Kowal Megamenu zet de categorieboom om in een overzichtelijk desktopmenu met meerdere kolommen. De module gebruikt de categorieën van de huidige store, inclusief hun volgorde, activiteit en zichtbaarheid.

Stem de lay-out af op uw catalogus. Niveau 1 is klikbaar, niveau 2 is zichtbaar en niveau 3+ kan in een submenu worden geopend.

Voeg links toe naar uitverkoop, nieuwe producten, collecties, blog of contact — vóór of na de categorieën.

De module werkt met Luma en heeft een optionele adapter voor het standaard desktopmenu van Hyvä. Op mobiel blijft de native navigatie behouden.

• automatisch genereren op basis van categorieën in de Store View,
• lay-out van 1 tot 6 kolommen,
• optionele niveaus 3+,
• eigen links en CSS-klassen,
• configuratie afhankelijk van de store view,
• terugkeer naar de native navigatie na het uitschakelen van de module,
• ondersteuning voor muis en toetsenbord.

Compatibiliteit: Magento 2.4.6+, PHP conform de Magento-versie (minimaal 8.1). Aangepaste headers of breakpoints kunnen aanpassing van de integratie vereisen.

Kies in Stores → Configuration → Kowal → Megamenu Native, Megamenu of PRODUCTEN — categorielijst en megamenu. De native variant behoudt het menu van het thema zonder de eigen links van de module.

De variant PRODUCTEN opent een verticale lijst met hoofdcategorieën en een submenu aan de rechterkant. Het label van de knop en de uitlijning van de balk naar het midden, links of rechts stelt u per Store View in.

Het menu respecteert root category, volgorde, activiteit en Include in Menu. Categorieën onder een onzichtbare bovenliggende categorie worden niet getoond. Kolomkoppen blijven klikbaar en diepere niveaus kunnen als submenu worden ingeschakeld.

Een eigen link heeft een URL, tekst, optionele CSS-klassen en een positie vóór of na de categorieën. Relatieve paden gebruiken het basisadres van de webshop; klassen vereisen eigen styles. In de variant PRODUCTEN verschijnen alle extra links achter de knop.

De module en de adapterschakelaar zijn standaard uitgeschakeld in de configuratie. Schakel op Luma Enable Megamenu in. Schakel op Hyvä ook de adapter Kowal_MegamenuHyva en Enable Hyva Adapter in de juiste view in.

De adapter behoudt de standaard desktopbalk van Hyvä en vervangt de inhoud van ondersteunde categoriepanelen. De native mobiele navigatie blijft ongewijzigd; de extra links van de module gelden voor desktop.

Het menu ondersteunt openen via een knop, hover, Tab, Enter/Space, ArrowDown, Escape en klikken buiten het paneel. De categorielink behoudt zijn functie om naar de pagina te gaan.

Luma gebruikt desktop vanaf 768 px en Hyvä behoudt het breakpoint van de themabalk. Eigen headers, oudere monolithische templates en Hyvä Commerce Menu Builder vereisen een aparte integratie. B2B-toegangsregels voor categorieën moeten ook bij de implementatie worden meegenomen.

Wis na wijzigingen de cache config, layout, block_html en full_page. Het menu gebruikt categorietags en wordt samen met de pagina gecachet in FPC/Varnish.

Het uitschakelen van de module herstelt de native renderer. Toevoegingen aan de menustructuur van andere extensies in Luma worden niet automatisch naar het megamenu overgezet; controleer de vereiste posities vóór publicatie.

Pakket kowal/module-megamenu, module Kowal_Megamenu. Nadat u toegang tot de Kowal-repository hebt geconfigureerd, installeert u het pakket, schakelt u de module in, werkt u Magento bij en wist u de cache. Neem in productie compilatie en deployment van statische content mee volgens het proces van de webshop.

1. U ordent de categorieën
U bepaalt de volgorde, activiteit en zichtbaarheid in het menu.

2. U kiest een navigatievariant
U configureert kolommen, niveaus en eigen links.

3. De klant gebruikt het menu
Op desktop ontdekt de klant de catalogus en op de telefoon gebruikt hij de native navigatie.

De hoofdbalk bevat een knop die een verticale categorielijst uitklapt. De submenu’s daarvan openen rechts in kolommen en links naar acties en contact verschijnen naast de knop.