Mobile Navigation mit kompakter Menüführung
Technische Informationen
Highlights
-
Optimierte Mobile-Navigation für eine verbesserte Nutzerführung
-
Flexible Darstellung der Navigation als Standard- oder Dropdown-Menü
-
Unterstützung zusätzlicher Kategorie-Bäume und Menübereiche
-
Umfangreiche Design- und Layoutanpassungen
-
Lazy Loading für performante Navigationen bei umfangreichen Kategoriestrukturen
Funktionen
-
Anzeige der mobilen Navigation als Standard-Menü oder Dropdown-Navigation
-
Kompakte Navigation mit direktem Zugriff auf untergeordnete Kategorien
-
Integration zusätzlicher Kategoriebäume in die mobile Navigation
-
Anzeige von Kategorie-Icons oder Kategorie-Bildern
-
Individuelle Steuerung der Bildanzeige für einzelne Navigationsebenen
-
Performance-Optimierung durch Lazy Loading von Unterkategorien ab definierbaren Ebenen
-
Sticky Navigation für eine dauerhaft sichtbare Menüführung beim Scrollen
-
Optionale Anzeige des mobilen Burger-Menüs auch auf Desktop-Geräten
-
Erweiterte Desktop-Navigation mit alternativen Dropdown-Darstellungen
-
Einbindung von Zahlungs- und Versandinformationen innerhalb des mobilen Menüs
-
Anpassbare Off-Canvas-Navigation mit verschiedenen Animationen und Darstellungsvarianten
-
Individuelle Gestaltung von Farben, Hintergründen, Hover-Effekten und Navigationselementen
-
Unterstützung von Fullscreen- und Standard-Layouts für die mobile Navigation
-
Konfigurierbare Darstellung von Root-Kategorien und Navigationsebenen für eine optimale Benutzerführung
Zweck des Plugins
Das Plugin erweitert die standardmäßige mobile Navigation in Shopware um zusätzliche Funktionen für eine bessere Benutzerführung und ein moderneres Navigationserlebnis auf Smartphones und Tablets. Durch flexible Darstellungsmöglichkeiten, kompakte Menüstrukturen und umfangreiche Designanpassungen sorgt das Plugin für eine optimierte mobile Usability
Flexible Navigationsdarstellung
Für die mobile Navigation stehen verschiedene Darstellungsvarianten zur Verfügung, darunter eine klassische Navigation sowie eine Dropdown-Navigation. Eine kompakte Navigationsdarstellung ermöglicht den direkten Zugriff auf untergeordnete Kategorien und unterstützt die Navigation innerhalb mehrstufiger Kategoriestrukturen. Darüber hinaus können zusätzliche Kategoriebäume in die Navigation integriert werden, um weitere Inhaltsbereiche innerhalb des Shops zugänglich zu machen. Optional lassen sich auch zusätzliche Inhalte wie Zahlungs- und Versandinformationen direkt in die Navigation einbinden.
Erweiterte Navigationsoptionen für Desktop-Geräte
Zusätzlich zu den mobilen Funktionen stehen verschiedene Erweiterungen für die Desktop-Navigation zur Verfügung. Dazu gehören alternative Dropdown-Darstellungen, eine Sticky-Navigation sowie die Möglichkeit, das Burger-Menü auch auf Desktop-Geräten einzublenden.
Performance-Optimierung bei großen Kategoriestrukturen
Für umfangreiche Kategorie- und Navigationsstrukturen unterstützt das Plugin das verzögerte Laden von Unterkategorien (Lazy Loading). Dadurch werden weitere Navigationsebenen erst bei Bedarf geladen. Die Funktion kann für verschiedene Ebenen der Navigation konfiguriert werden und unterstützt eine effiziente Darstellung großer Kategoriebäume.
Individuelle Gestaltungsmöglichkeiten
Die Off-Canvas-Navigation kann über verschiedene Einstellungen an das Erscheinungsbild des Shops angepasst werden. Verfügbar sind unterschiedliche Einblendanimationen, Darstellungsvarianten sowie Konfigurationsmöglichkeiten für Farben, Hintergründe, Schriftfarben, Rahmen und Hover-Effekte.
Installation
- Plugin Manager über Einstellungen > System > Plugins aufrufen
- Das Plugin hochladen, installieren und aktivieren
Plugin-Konfiguration
Erweiterungen > Meine Erweiterungen > Mobile Navigation > Konfigurieren
Grundeinstellungen- Menü-Typ
Auswahl der Darstellungsart der mobilen Navigation (z. B. Standard- oder Dropdown-Navigation). - Lazy Loading
Lädt Unterkategorien erst beim Öffnen einer Kategorie, um die Navigation bei großen Kategoriestrukturen performanter zu gestalten. - Lazy Loading ab Ebene
Definiert, ab welcher Navigationsebene Unterkategorien per Lazy Loading geladen werden. - Kompakte Mobile Navigation
Ermöglicht einen direkteren Zugriff auf untergeordnete Kategorien innerhalb der mobilen Navigation. - Immer Root-Kategorie anzeigen
Sorgt dafür, dass nach dem Neuladen einer Seite wieder die Hauptnavigation angezeigt wird.
Kategorie Bilder
- Kategorie Bild anzeigen
Aktiviert die Anzeige von Kategorie-Bildern oder Icons innerhalb der Navigation.
Hinweis: Icons können in der jeweiligen Kategorie unter Allgemein > Zusatzfelder > Mobiles Menü hinterlegt werden. - Kategorie Bild anzeigen für Ebenen
Legt fest, auf welchen Navigationsebenen Kategorie-Bilder oder Icons angezeigt werden.
Desktop Navigation
- Mobile Burger Menü in Desktop Navigation anzeigen (links neben Navigation)
Blendet das mobile Burger-Menü zusätzlich in der Desktop-Navigation ein. - Text des mobilen Menüs auf dem Desktop anzeigen
Zeigt zusätzlich zum Burger-Menü einen Menütext auf Desktop-Geräten an. - Desktop Navigation ausblenden
Blendet die Standard-Desktop-Navigation aus. - Desktop Navigation Typ
Auswahl der Darstellungsart der Desktop-Navigation. - Desktop Navigation sticky (fixieren)
Fixiert die Navigation beim Scrollen am oberen Seitenrand.
Footer Mobile Navigation
- Zusätzliche Kategorien-Einsprungspunkte für das mobile Menü
Ermöglicht das Hinzufügen weiterer Kategorien oder Menübereiche innerhalb der mobilen Navigation. - Zahlungs- und Versandlogos in Footer anzeigen
Zeigt hinterlegte Zahlungs- und Versandlogos im Footer der mobilen Navigation an.
Darstellung mobile Navigation
- Offcanvas-Menü-Animation
Bestimmt, wie das mobile Menü eingeblendet wird (von links, rechts oder unten). - Offcanvas-Menü-Größe
Legt die Größe des Offcanvas-Menüs fest. - Schließen Button
Legt die Darstellung des Schließen-Buttons fest (Hell, Dunkel, Primär, Sekundär) - Design- und Farboptionen
Individuelle Anpassung von Hintergrund-, Überschriften-, Text-, Hover- und Rahmenfarben der mobilen Navigation.
Frequently Asked Questions
Es wurden keine Fragen gefunden. Kontaktieren Sie uns, wenn Sie konkrete Fragen haben!| Version | Datum | Shopware Kompatibilität | Changelog |
|---|---|---|---|
| 4.2.1 | 12. Juni 2026 | >=6.7.0.0 <6.8.0.0 |
|
| 4.2.0 | 11. Juni 2026 | >=6.7.0.0 <6.8.0.0 |
|
| 4.1.2 | 12. Mai 2026 | >=6.7.0.0 <6.8.0.0 |
|
| 4.1.1 | 5. Mai 2026 | >=6.7.0.0 <6.8.0.0 |
|
| 4.1.0 | 29. September 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.0.0 | 7. Mai 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 3.1.0 | 29. September 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.0.0 | 22. Oktober 2024 | >=6.6.0.0 < 6.7.0.0 |
|
| 2.2.0 | 12. September 2024 | >= 6.5.0.0 |
|
| 2.1.0 | 17. April 2024 | >= 6.5.0.0 |
|
| 2.0.0 | 4. August 2023 | >= 6.5.0.0 |
|
| 1.2.2 | 15. Februar 2023 | >= 6.4.0.0 |
|
| 1.2.1 | 26. November 2022 | >= 6.4.0.0 |
|
| 1.2.0 | 26. November 2022 | >= 6.4.0.0 |
|
| 1.1.1 | 26. November 2022 | >= 6.4.0.0 |
|
| 1.1.0 | 26. November 2022 | >= 6.4.0.0 |
|
| 1.0.1 | 26. November 2022 | >= 6.4.0.0 |
|
| 1.0.0 | 26. November 2022 | >= 6.4.0.0 |
|