# 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ü-Einstellungen**definiert 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?**
>
> * 💬 **Treten Sie unserer Community auf Discord bei:** <https://discord.gg/hcc2GvgZc6>
> * 📧 **Schreiben Sie uns eine E-Mail an:** <support@openspaces.design>
> * 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website