Globale Menü-Einstellungen

Für Plain Jane und Plain Jane Interactive

Was Sie lernen werden

  • Wie man ein Navigationsmenü dem globalen Menü zuweist

  • Wie man Icon, Warenkorb, Suchfeld, Farben und Typografie anpasst


⚙️ Einrichtungsanleitung

  1. Gehen Sie in Ihrem Shopify-Admin zu Online-Shop > Designs.

  2. Klicken Sie Passen Sie um den Theme-Editor zu öffnen.

  3. Klicken Sie in der linken Seitenleiste auf das Theme-Einstellungen Symbol (Pinsel).

  4. Scrollen Sie zu Globale Menü-Einstellungen.


  • Weisen Sie Ihre Hauptnavigation über das Menü auswählen Dropdown zu.

  • Sie können Menüs erstellen oder bearbeiten in Shopify-Admin > Onlineshop > Navigation.


🔹 Globales Menü-Symbol

  • Automatisch invertierende Symbolfarbe: Wechselt die Symbolfarbe automatisch basierend auf dem Hintergrund

  • Symbolfarbe: Legen Sie eine feste Symbolfarbe fest, falls Auto-Invert deaktiviert ist

💡 Tipp: Verwenden Sie Auto-Invert für konsistente Lesbarkeit auf hellen/dunklen Hintergründen.


🛒 Globaler Menü-Warenkorb

Aktivieren Sie dies, um ein Mini-Warenkorb-Symbol innerhalb des globalen Menüs anzuzeigen:

  • Globalen Menü-Warenkorb anzeigen: Sichtbarkeit umschalten

  • Warenkorb-Textfarbe: Farbe des Labels oder des Gesamtbetrags

  • Hintergrundfarbe für Warenkorb-Anzahl: Hintergrund hinter der Artikelanzahl

  • Farbe der Warenkorb-Anzahl: Textfarbe der Artikelanzahl


🔍 Globales Menü-Suchfeld

Fügen Sie Ihrem Menü ein Suchfeld hinzu:

  • Suchleiste anzeigen: Sichtbarkeit umschalten

  • Abgerundete Ecken: Radius auf das Eingabefeld anwenden

  • Such-Hintergrundfarbe

  • Such-Textfarbe


🔹 Hintergrundfarbe des globalen Menüs

  • Hintergrundfarbe: Wählen Sie den Hintergrund des Menü-Panels


🔎 Linkfarben des globalen Menüs

Stilisieren Sie Navigationslinks nach Ebene:

  • Linkfarben für Ebene 1, Ebene 2, Ebene 3

  • Pfeil-Dropdown-Farbe: Für Untermenü-Indikatoren

  • Farbe der Trennlinie: Für Trennlinien zwischen Links

  • Schriftgröße: Passen Sie die Textgröße aller Linkebenen an


  • Login-Link ausblenden: Sichtbarkeit des Kundenkonto-Links umschalten

🚨 Warnung: Kundenkonten müssen in den Shopify-Einstellungen aktiviert sein, damit Login-Links funktionieren.


🔧 Sonstige Einstellungen

  • Globales Menü auf Kategorieseite (Desktop) ausblenden: Entfernen Sie das Menü optional aus bestimmten Templates


🚪 Wann verwenden

Das Globale Menü eignet sich ideal für:

  • Kompakte Navigation, die auf allen Seiten angezeigt wird

  • Mobile-first-Layouts

  • Seiten, die das Kompakte Menü Layout in Sektionen


Brauchen Sie Hilfe?

Zuletzt aktualisiert