Zum Inhalt springen
UX & Usability

📂Mehrspaltiges Mega-Menü

Erweitert die vorhandene NOVA-Hauptnavigation um ein mehrspaltiges CSS-Grid-Layout.

Kostenfreiim JTL-Extension-Store

✓ 1-Klick-Installation im Store · ✓ Eigener JTL-Partner-Support · ✓ DSGVO-konform

Das ist dabei:

  • 1-Klick-Installation über den JTL-Extension-Store
  • Ausführliche Doku (Installation & Konfiguration)
  • Support per E-Mail als offizieller JTL-Partner
  • Kostenlos – keine Abokosten, keine versteckten Gebühren
  • JTL-Shop 5 kompatibel, DSGVO-konform umgesetzt
Zur Plugin-Dokumentation

Wofür ist Mega-Menü?

Die Standard-Dropdown-Untermenüs der NOVA-Navigation werden bei vielen Unterkategorien schnell unübersichtlich und erfordern langes Scrollen. Dieses kostenlose Plugin erweitert die vorhandene NOVA-Hauptnavigation um ein mehrspaltiges CSS-Grid-Layout, ohne die Navigation selbst zu ersetzen oder zusätzliche Kategorie-Abfragen an die Datenbank auszulösen.

Funktionsumfang

Mehrspaltiges Grid-Layout

Dropdown-Untermenüs werden in einem CSS-Grid mit 1 bis 6 konfigurierbaren Spalten dargestellt.

Automatische Navigationserkennung

Erkennt die NOVA-Navigation über gängige CSS-Selektoren (u. a. .nav-main, .navbar-nav, #mainNavigation) mit Fallback auf direkte Kindlisten.

Vollständige Tastaturbedienung

Enter oder Leertaste öffnen das Menü, Pfeil-runter springt in die erste Zeile, Esc schließt es wieder — inklusive gesetzter aria-haspopup-, aria-expanded- und aria-controls-Attribute.

Reduzierte Bewegung respektiert

Ist in den Betriebssystem-Einstellungen des Besuchers Bewegungen reduzieren aktiv, entfallen die Opacity- und Sichtbarkeits-Übergänge.

Keine zusätzliche Datenbanklast

Das Plugin legt keine eigenen Tabellen an und fragt keine zusätzlichen Kategoriedaten ab — es erweitert die bereits gerenderte Navigation rein per CSS/JS im Browser.

Typische Einsatzgebiete

Viele Unterkategorien übersichtlich anzeigen

Shops mit tiefen Kategoriebäumen profitieren von der mehrspaltigen Darstellung statt langer einspaltiger Dropdowns.

Barrierefreie Navigation

Tastatur- und Screenreader-Nutzer bedienen das Menü dank ARIA-Attributen und definiertem Fokusverhalten vollständig ohne Maus.

Schnelles Layout-Update

Ein spürbar moderneres Navigationserlebnis ohne Template-Umbau oder Entwicklerkosten.

Technische Details

  • JTL-Shop 5.2.0 oder neuer, NOVA-Template
  • PHP 8.1 oder neuer
  • Keine eigenen Datenbanktabellen
  • Keine externen Dienste, API-Keys oder Cron-Jobs erforderlich

Häufige Fragen

Wie erkennt das Plugin meine Navigation?

Über gängige CSS-Selektoren des NOVA-Templates mit Fallback auf direkte ul-Kindlisten. Es erweitert die von NOVA bereits gerenderte Navigation rein per CSS/JS, ohne zusätzliche Kategoriedaten aus der Datenbank abzufragen.

Was passiert bei einem Template-Update?

Ändert ein NOVA-Update die Navigationsstruktur grundlegend, kann das Skript die Navigation nicht mehr zuordnen. Das führt zu keinem Fehler, aber auch zu keinem Mega-Menü mehr — prüfen Sie das Frontend nach größeren Updates kurz.

Wie viele Spalten sollte ich wählen?

Das hängt von Anzahl und Länge Ihrer Unterkategorien ab: Bei wenigen, kurzen Einträgen wirken 2 bis 3 Spalten aufgeräumter, bei vielen Unterkategorien können bis zu 6 Spalten sinnvoll sein.

Was passiert bei der Deinstallation?

Das Plugin legt keine eigenen Datenbanktabellen an. Beim Deinstallieren werden nur die Plugin-Einstellungen entfernt, die bestehende NOVA-Navigation bleibt unverändert erhalten.

Bereit für Mega-Menü?

Kostenfrei im JTL-Extension-Store — 1-Klick-Installation, keine Abokosten.