Installation & Konfiguration

DasMenu in Shopware 6 einrichten

Installation

  1. Plugin-Ordner in custom/plugins/SvenDasMenu/ ablegen
  2. Plugin-Liste aktualisieren: 
    bin/console plugin:refresh
  3. Plugin installieren und aktivieren: 
    bin/console plugin:install --activate SvenDasMenu
  4. Theme kompilieren: 
    bin/console theme:compile
  5. Cache leeren: 
    bin/console cache:clear
✓
Nach der Installation ersetzt DasMenu die Standard-Navigation. Öffnen Sie das Frontend auf einem mobilen Gerät, um das neue Menü zu sehen.

Konfiguration

Die Konfiguration finden Sie unter Erweiterungen > Meine Erweiterungen > DasMenu > Konfigurieren.

Basis

Einstellung Typ Beschreibung Standard
show Bool Mobile Optimierung aktivieren. Schaltet das gesamte Plugin ein oder aus. true

Mobiles Menü — Verhalten

Einstellung Typ Beschreibung Standard
expandMenu Bool Kategorie-Link zum Aufklappen verwenden. Wenn aktiv, öffnet ein Klick auf den Kategorienamen die Unterkategorien, statt zur Kategorieseite zu navigieren. false
enableTopcat Bool Übersichtsseiten-Link anzeigen. Fügt in aufgeklappten Kategorien einen zusätzlichen Link zur Übersichtsseite der Kategorie ein. false
startLevel Bool Immer auf Level 0 öffnen. Wenn aktiv, wird das Menü beim Öffnen immer auf der obersten Ebene angezeigt, unabhängig von der aktuellen Seite. false
closeAll Bool „Alle schließen“-Button anzeigen. Zeigt einen Button zum Schließen aller geöffneten Menüebenen. false
scrollToActive Bool Zum aktiven Element scrollen. Scrollt das Offcanvas-Menü automatisch zum aktuell aktiven Menüpunkt. false
enableLazyLoading Bool Lazy Loading für Unterkategorien aktivieren. Unterkategorien werden erst beim Aufklappen per AJAX nachgeladen. false
lazyLoadingDepth Zahl Initiale Ladetiefe für Lazy Loading. Gibt an, wie viele Ebenen beim ersten Öffnen des Menüs geladen werden. 1
ⓘ
Tipp: Lazy Loading empfiehlt sich besonders bei Shops mit vielen Kategorien (100+). Die initiale Ladetiefe von 1 bedeutet, dass nur die Hauptkategorien sofort geladen werden — Unterkategorien folgen bei Bedarf.

Desktop Menü

Einstellung Typ Beschreibung Standard
enableHomeIcon Bool Home-Icon in der Navigation anzeigen. Fügt ein Haus-Symbol als Link zur Startseite in die Hauptnavigation ein. false
enableAdditionalMobile Bool Desktop-Offcanvas aktivieren. Zeigt einen Hamburger-Button auch auf dem Desktop, der das Offcanvas-Menü öffnet. false
enableDesktop Bool Klassisches Desktop-Dropdown aktivieren. Zeigt das herkömmliche Dropdown-Menü auf Desktop-Geräten. true
disableDesktopMenu Bool Desktop-Menü komplett deaktivieren. Entfernt die gesamte Desktop-Navigation — nützlich in Kombination mit dem Desktop-Offcanvas. false
⚠
Achtung: Wenn Sie disableDesktopMenu aktivieren, stellen Sie sicher, dass enableAdditionalMobile ebenfalls aktiv ist — sonst hat der Desktop-Benutzer keine Navigation.

Look & Feel

Einstellung Typ Beschreibung Standard
makeSticky Bool Sticky-Menü aktivieren. Die Navigation bleibt beim Scrollen oben fixiert. false
addIcons Bool Kategorie-Icons im mobilen Menü anzeigen. Icons werden aus dem Kategorie-Icon-Feld in Shopware geladen. false
iconSizeMobile Text Größe der Kategorie-Icons im mobilen Menü. 40px
iconsLevel0 Bool Icons im Desktop-Dropdown auf Level 0 (Hauptkategorien) anzeigen. false
iconsLevel1 Bool Icons im Desktop-Dropdown auf Level 1+ (Unterkategorien) anzeigen. false
iconSizeDesktop Text Größe der Icons auf Level 0 im Desktop-Dropdown. 25px
iconSizeDesktop1 Text Größe der Icons auf Level 1+ im Desktop-Dropdown. 55px
subwidth Text Breite der Untermenü-Spalten im Desktop-Dropdown. 250px
OffCanvasMaxWidth Text Maximale Breite des Offcanvas-Menüs. Leer lassen für Standard. —
additionalMobileViewport Text Viewport-Breakpoint für das zusätzliche mobile Offcanvas (Desktop-Offcanvas). Definiert, ab welcher Breite der Hamburger-Button auf dem Desktop erscheint. —
additionalStandardViewport Text Viewport-Breakpoint für die Standard-Desktop-Navigation. Definiert, ab welcher Breite das klassische Dropdown-Menü angezeigt wird. —

Zusätzliches

Einstellung Typ Beschreibung Standard
showFooterInOffcanvas Bool Footer-Elemente im Offcanvas-Menü anzeigen. Aktiviert die Anzeige von Service-, Zahlungs- und Versandinfos unterhalb der Navigation. false
showServiceInOffcanvas Bool Service-Menü im Offcanvas anzeigen (z.B. Impressum, Datenschutz, AGB). false
showPaymentInOffcanvas Bool Zahlungsarten-Icons im Offcanvas anzeigen. false
showShippingInOffcanvas Bool Versandarten-Icons im Offcanvas anzeigen. false
additionalHTML Textarea Eigenes HTML im Offcanvas-Menü einfügen. Wird unterhalb der Navigation angezeigt. Eignet sich für Banner, Links oder Hinweise. —
additionalCss Textarea Eigenes CSS einfügen. Wird im Frontend als <style>-Block ausgegeben. Ermöglicht individuelle Anpassungen ohne Theme-Änderungen. —
ⓘ
Tipp: Mit additionalCss können Sie das Menü-Design vollständig anpassen, z.B. Farben, Schriftgrößen oder Abstände — ohne das Theme zu bearbeiten. Beispiel: 
.navigation-offcanvas .nav-item { padding: 12px 16px; }
.navigation-offcanvas .nav-item.is-active { font-weight: 700; }
Weiter: FAQ →