FAQ

Häufige Fragen und Lösungen

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 show auf true steht.
  • Cache nicht geleert: Führen Sie bin/console cache:clear aus und kompilieren Sie das Theme mit bin/console theme:compile neu.
  • 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 true stehen.
  • lazyLoadingDepth prüfen: Der Wert gibt an, wie viele Ebenen initial geladen werden. Bei 1 werden 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 true stehen (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) und iconSizeDesktop / iconSizeDesktop1 sinnvolle 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.

Damit Footer-Elemente im Offcanvas erscheinen, müssen mehrere Optionen aktiv sein:

  1. showFooterInOffcanvas muss auf true stehen — dies ist der Hauptschalter.
  2. Aktivieren Sie je nach Bedarf:
    • showServiceInOffcanvas — für das Service-Menü (Impressum, AGB etc.)
    • showPaymentInOffcanvas — für Zahlungsarten-Icons
    • showShippingInOffcanvas — für Versandarten-Icons
  3. 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: 1200px zeigt den Button auf Geräten unter 1200px Breite.
  • additionalStandardViewport: Definiert den Breakpoint, ab dem das klassische Desktop-Dropdown-Menü erscheint. Beispiel: 992px zeigt 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.
← Installation & Konfiguration Weiter: Changelog →