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
Gehen Sie im Theme-Editor zum Abschnitte Bereich.
Entfernen Sie alle vorhandenen Menüabschnitte (Center Menu, Side-Aligned Menu).
Klicken Sie Abschnitt hinzufügen > Compact Menu.
Sie sehen ein Hamburger-Symbol in der Vorschau oben rechts erscheinen.
Verbinden Sie Ihre Navigation
Damit das Schubladenmenü funktioniert:
Gehen Sie zu Theme-Einstellungen > Globale Menü-Einstellungen.
Wählen Sie ein Shopify-Menü aus (oder erstellen Sie ein neues über das Shopify-Admin).
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 HintergrundAbschnitt für Farbe, Bild oder DiashowSchriften & 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-LeinwandAbschnitt, 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
Füge das
Kompakte MenüAbschnittFügen Sie einen
Dynamischer Hintergrund(Bild, Farbe oder Diashow)Fügen Sie zentrale Inhaltsabschnitte hinzu (Kollektionen, Produkte usw.)
Verknüpfen Sie die Navigation über Theme Settings > Global Menu Settings
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: [email protected]
💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website
Zuletzt aktualisiert