Kompaktes Menü-Layout (Globales Menü)

Was Sie lernen werden

  • Wie man den Bereich „Compact Menu“ in Plain Jane verwendet

  • Wie man die Navigation über die Global Menu-Einstellungen verbindet

  • Beste Vorgehensweisen für scrollbare Startseiten


Was ist das Compact Menu?

Die Kompakte Menü ist ein Abschnitt im Plain Jane-Theme, der ein „Hamburger“-Navigationssymbol oben auf Ihrer Startseite hinzufügt. Bei einem Klick öffnet es eine vollständige Menu-Schublade mit Ihren Navigationslinks.

Obwohl der Abschnitt Kompakte Menüheißt, verbindet er sich mit der Navigation, die in Ihrem Theme-Einstellungen > Globale Menü-Einstellungendefiniert ist. Deshalb kann er in beiden Bezeichnungen auftauchen.

Dieses Layout eignet sich am besten für Marken, die möchten:

  • Eine minimale, moderne obere Leiste mit erweiterbarer Navigation

  • Volle Kontrolle über den Inhalt scrollbarer Startseiten

  • Ein sauberes visuelles Erlebnis für Storytelling oder Drops


So fügen Sie das Compact Menu hinzu

  1. Gehen Sie im Theme-Editor zum Abschnitte Bereich.

  2. Entfernen Sie alle vorhandenen Menüabschnitte (Center Menu, Side-Aligned Menu).

  3. Klicken Sie Abschnitt hinzufügen > Compact Menu.

  4. Sie sehen ein Hamburger-Symbol in der Vorschau oben rechts erscheinen.


Verbinden Sie Ihre Navigation

Damit das Schubladenmenü funktioniert:

  1. Gehen Sie zu Theme-Einstellungen > Globale Menü-Einstellungen.

  2. Wählen Sie ein Shopify-Menü aus (oder erstellen Sie ein neues über das Shopify-Admin).

  3. Das Menü wird nun beim Klicken auf das Hamburger-Symbol angezeigt.

💡 Tipp: Aktualisieren Sie Ihre Navigationsstruktur unter Onlineshop > Navigation in Ihrem Shopify-Admin.


Anpassung des Erscheinungsbilds

  • Logo-Positionierung: Links, zentriert oder rechts

  • Hintergründe: Kombinieren Sie es mit einem Dynamischer Hintergrund Abschnitt für Farbe, Bild oder Diashow

  • Schriften & Größen: Passen Sie die Größe und den Abstand der Menül1inks unter an Theme-Einstellungen > Typografie

  • Abschnitte: Fügen Sie weitere Startseitenabschnitte hinzu wie:

    • Kollektionsliste

    • Produkt-Karussell

    • Bild-Stream

⚠️ Verwenden Sie den Seiten-Leinwand Abschnitt, um alle Startseitenabschnitte einzuwickeln und zu strukturieren.


Wann das Compact Menu verwenden

Gut geeignet für:

  • Scroll-lastige Startseiten

  • Marken, die visuelle Inhalte, Videos oder Karussells verwenden

  • Mobilfreundliche Layouts

Vermeiden, wenn:

  • Sie eine Einzelseiten-Landingpage wünschen (verwenden Sie stattdessen Center- oder Side-Aligned Menu)


Beispiel-Arbeitsablauf beim Aufbau

  1. Füge das Kompakte Menü Abschnitt

  2. Fügen Sie einen Dynamischer Hintergrund (Bild, Farbe oder Diashow)

  3. Fügen Sie zentrale Inhaltsabschnitte hinzu (Kollektionen, Produkte usw.)

  4. Verknüpfen Sie die Navigation über Theme Settings > Global Menu Settings

  5. Passen Sie Schriftgrößen und Logo-Position an


Brauchen Sie Hilfe?

Zuletzt aktualisiert