FAQ
Häufige Fragen und Lösungen
Menü ist leer
Mögliche Ursachen:
- Plugin nicht aktiv: Prüfen Sie unter Erweiterungen > Meine Erweiterungen, ob DasMenu aktiviert ist.
- show-Option deaktiviert: Stellen Sie sicher, dass die Einstellung
showauftruesteht. - Cache nicht geleert: Führen Sie
bin/console cache:clearaus und kompilieren Sie das Theme mitbin/console theme:compileneu. - Keine Kategorien zugewiesen: Prüfen Sie, ob Ihrem Sales Channel eine Navigations-Kategoriestruktur zugewiesen ist.
- Kategorie nicht sichtbar: Kategorien müssen in Shopware auf „aktiv“ und „sichtbar“ gesetzt sein.
Lazy Loading
Prüfen Sie folgende Punkte:
- enableLazyLoading muss auf
truestehen. - lazyLoadingDepth prüfen: Der Wert gibt an, wie viele Ebenen initial geladen werden. Bei
1werden nur die Hauptkategorien angezeigt; tiefere Ebenen werden per AJAX nachgeladen. - JavaScript-Fehler: Öffnen Sie die Browser-Konsole (F12) und prüfen Sie, ob JavaScript-Fehler vorliegen. Andere Plugins oder Theme-Anpassungen können Konflikte verursachen.
- Cache leeren: Nach Konfigurationsänderungen immer den Cache leeren.
Sticky-Menü
Mögliche Lösungen:
- Z-Index-Konflikte: Andere Elemente (z.B. Banner, Cookie-Consent) können den gleichen oder höheren Z-Index haben. Nutzen Sie
additionalCss, um den Z-Index anzupassen:.is-act-home .header-main { z-index: 1050; } - Theme-Inkompatibilität: Manche Themes haben eigene Sticky-Header-Implementierungen, die mit DasMenu kollidieren können. Deaktivieren Sie die Theme-eigene Sticky-Funktion.
- Padding-Offset: Wenn der Seiteninhalt unter dem Sticky-Header verschwindet, fügen Sie ein Top-Padding zum Body hinzu:
body { padding-top: 60px; }
Kategorie-Icons
Prüfen Sie folgende Punkte:
- addIcons muss auf
truestehen (für mobile Icons). - iconsLevel0 bzw. iconsLevel1 müssen aktiviert sein (für Desktop-Dropdown-Icons).
- Icons in Shopware hinterlegt: Jede Kategorie benötigt ein zugewiesenes Bild/Icon unter Kataloge > Kategorien > [Kategorie] > Allgemein > Medien.
- Bildformat: Verwenden Sie SVG oder PNG mit transparentem Hintergrund für optimale Ergebnisse.
- Icon-Größe prüfen: Stellen Sie sicher, dass
iconSizeMobile(Standard: 40px) undiconSizeDesktop/iconSizeDesktop1sinnvolle Werte haben.
Custom CSS Tipps
Nutzen Sie das Feld additionalCss in der Plugin-Konfiguration. Hier einige Beispiele:
Hintergrundfarbe des Offcanvas ändern:
.offcanvas { background-color: #f5f5f5; }
Aktiven Menüpunkt hervorheben:
.navigation-offcanvas .nav-item.is-active {
font-weight: 700;
color: #0063be;
border-left: 3px solid #0063be;
}
Abstände zwischen Menüpunkten anpassen:
.navigation-offcanvas .nav-item {
padding: 10px 16px;
border-bottom: 1px solid #eee;
}
Tipp: Nutzen Sie die Browser-Entwicklertools (F12), um die CSS-Selektoren der Menü-Elemente zu ermitteln. So finden Sie die exakten Klassen für Ihre Anpassungen.
Offcanvas-Footer-Elemente
Damit Footer-Elemente im Offcanvas erscheinen, müssen mehrere Optionen aktiv sein:
- showFooterInOffcanvas muss auf
truestehen — dies ist der Hauptschalter. - Aktivieren Sie je nach Bedarf:
showServiceInOffcanvas— für das Service-Menü (Impressum, AGB etc.)showPaymentInOffcanvas— für Zahlungsarten-IconsshowShippingInOffcanvas— für Versandarten-Icons
- Stellen Sie sicher, dass die entsprechenden Daten in Shopware gepflegt sind (Zahlungsarten mit Logos, Versandarten etc.).
Viewport-Konfiguration
DasMenu bietet zwei Viewport-Einstellungen:
- additionalMobileViewport: Definiert den Breakpoint, ab dem der Desktop-Offcanvas-Button (Hamburger) angezeigt wird. Beispiel:
1200pxzeigt den Button auf Geräten unter 1200px Breite. - additionalStandardViewport: Definiert den Breakpoint, ab dem das klassische Desktop-Dropdown-Menü erscheint. Beispiel:
992pxzeigt das Dropdown ab 992px Breite.
Lassen Sie die Felder leer, um die Standard-Breakpoints von Shopware zu verwenden.
Achtung: Stellen Sie sicher, dass sich die Viewports nicht überlappen. Wenn der mobile Viewport größer als der Desktop-Viewport ist, können beide Navigationen gleichzeitig sichtbar sein.
Weitere Hilfe benötigt? Kontaktieren Sie uns unter designburg.net.