Seitenbündiges Menü
Für Plain Jane und Plain Jane Interactive
Was Sie lernen werden
Wie man eine Startseite mit dem seitlich ausgerichteten Menü-Layout erstellt
Wie man Hintergrund, MenülLinks und Styling anpasst
Über das seitlich ausgerichtete Menü
Die Seitlich ausgerichtetes Menü Layout platziert Ihr Logo und die Navigation vertikal an der linken Seite des Bildschirms. Dieses Layout ist sauber und minimal und gibt Ihrem Hintergrund oder Markenbild visuelle Priorität.
So richtest du es ein
1. Beginnen Sie mit einer sauberen Leinwand
Entfernen Sie im Theme-Editor alle vorhandenen Abschnitte.
Behalten Sie nur das
Seiten-LeinwandAbschnitt.
2. Fügen Sie das seitlich ausgerichtete Menü hinzu
Klicken Sie Abschnitt hinzufügen > Seitlich ausgerichtetes Menü
Ihre Navigation wird nun auf der linken Seite des Bildschirms angezeigt.
Wählen Sie ein Shopify-Menü aus, um Ihre Navigationslinks zu verbinden.
💡 Wenn Sie noch kein Menü haben, gehen Sie zu Shopify-Admin > Onlineshop > Navigation um eines zu erstellen.
Anpassen Ihres Menüs
Sobald hinzugefügt, können Sie Folgendes konfigurieren:
Menüinhalt und Verhalten
Menü auswählen: Verbinden Sie ein Menü aus Ihrer Shopify-Navigation
Social-Media-Symbole: Klicken Sie auf „Social-Media-Link hinzufügen“, um Symbole für X, TikTok, Threads und mehr hinzuzufügen
Login-Link anzeigen: Wählen Sie aus, es am
Oben,Untenanzuzeigen oder es vollständig auszublenden
Logo- und Link-Styling
Logo-Ausrichtung: Links oder Rechts
Menüausrichtung: Richten Sie Links innerhalb des Menüs links- oder rechtsbündig aus
Link-Textfarbe / Hover-Farbe
Link-Hintergrundfarbe (bei Hover)
Link-Schriftgröße und vertikaler Abstand
Visuelle Effekte
Hervorhebungseffekt deaktivieren: Deaktiviert den Hover-Hervorhebungsstil
Navigation skalieren aktivieren: Aktiviert eine Animation zur Vergrößerung von Menüpunkten
Hintergrundanpassung
Der Abschnitt für das seitlich ausgerichtete Menü enthält integrierte Hintergrundoptionen, sodass Sie den Dynamischer Hintergrund Abschnitt nicht mehr verwenden müssen. In neueren Versionen des Themes Dynamischer Hintergrund ist für dieses Layout veraltet.
Hintergrundstil-Optionen:
Volltonfarbe: Legen Sie eine Farbe für Desktop und Mobilgerät fest
Bild: Laden Sie unterschiedliche Bilder für Desktop und Mobilgerät hoch
Diashow: Fügen Sie bis zu 3 rotierende Bildfolien hinzu
Video: Laden Sie einen Videohintergrund hoch (Hinweis: Auf iPhones mit Energiesparmodus wird möglicherweise keine automatische Wiedergabe durchgeführt)
Zusätzliche Hintergrundeinstellungen:
Sektionshöhe: Auf volle Höhe (100 %) oder benutzerdefiniert einstellen
Überlagerungsfarben & Deckkraft:
Separate Steuerung für obere und untere Überlagerungen
Unabhängige Einstellungen für Desktop und Mobilgerät
💡 Tipp: Verwenden Sie Überlagerungen, um Kontrast zwischen Text und Hintergrundvisuals zu schaffen.
Wann dieses Layout verwenden
Verwenden Sie das seitlich ausgerichtete Menü, wenn:
Sie ein sauberes, modernes Layout mit vertikaler Navigation wünschen
Ihr Hintergrundbild oder Markenbild im Mittelpunkt der Erfahrung steht
Sie nicht vorhaben, viele scrollbare Abschnitte auf der Startseite zu verwenden
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