2. Einrichten Ihrer Startseite

Für Plain Jane und Interactive

⚠️ Hinweis: Das Dynamischer Hintergrund Abschnitt wurde in den neuesten Versionen von Plain Jane und Interactive veraltet. Verwende Seiten-Leinwand stattdessen — sie bietet dieselbe Funktionalität für Hintergrundbilder, Videos, Farben usw.

⚠️ Hinweis: Diese Anleitung gilt unterstützen für Plain Jane Starter-Benutzer.

Was Sie lernen werden

• Wie du das Layout deiner Startseite in Plain Jane v3 und Interactive v2 anpasst

• Wie du Center-, Seitenbündige- und Kompaktmenüs hinzufügst und konfigurierst

• Wann du welches Layout für beste Ergebnisse verwenden solltest

• Wie du Menüs verlinkst und die Navigation verwaltest

• Wie du die Startseite bei Bedarf vollständig überspringst

---

🛠️ Für neue Benutzer: Ein Menü einrichten

1. Gehen Sie zu Onlineshop > Navigation in deinem Shopify-Admin.

2. Klicken Sie Menü hinzufügen und nenne es zum Beispiel Testmenü.

3. Füge Menüelemente wie hinzu:

   • Herren → verlinke zu deiner Herren-Kollektion

   • Lookbook → verlinke zu einer benutzerdefinierten Seite oder Startseite

   • Kontakt → verlinke zur integrierten Kontaktseite von Shopify

4. Klicken Sie Speichern.

---

🎨 Layout 1: Zentriertes Menü

Dies ist das beliebteste Layout (z. B. Supreme-Style-Startseite).

So richtest du es ein

1. Öffne dein Theme im Passen Sie Editor.

Theme-Anpassungsoberfläche zeigt Startseitenabschnitte

1. Stelle sicher, dass diese Abschnitte vorhanden sind:

   • Preloader

   • E-Mail-Popup

   • Seiten-Leinwand

   • Zentriertes Menü

💡 Tipp: Seiten-Leinwand ersetzt den veralteten Dynamischer Hintergrund Abschnitt. Verwende ihn für Hintergrundbilder oder Farben.

Verknüpfe dein Menü

• Klicken Sie auf den Zentriertes Menü Abschnitt

Abschnitt Zentrales Menü ausgewählt zeigt Einstellungsfenster

• Im rechten Bereich, wähle dein Menü aus dem Dropdown (z. B., Testmenü)

Zentrales Menü Einstellungsfenster mit Menü-Dropdown

Menü-Dropdown zeigt verfügbare Navigationsmenüs

Soziale Medien Symbole

• Symbole umschalten ein

• Füge vollständige URLs zu deinen Profilen ein (z. B. TikTok, Threads, Tumblr)

💡 Tipp: Füge unter dem zentrierten Menü keine scrollbareren Inhalte hinzu. Halte es sauber und einfach.

---

🎨 Layout 2: Seitenbündiges Menü

Gut für Marken, die minimale vertikale Menüs wünschen.

Einrichtungsschritte

1. Entferne im Theme-Editor den Zentriertes Menü.

2. Klicken Sie Abschnitt hinzufügen > Seitenbündiges Menü

Modal zum Hinzufügen von Abschnitten zeigt verfügbare Abschnitte

Seitlich ausgerichteter Menüabschnitt erfolgreich hinzugefügt

1. Wähle dein Menü im rechten Bereich aus

Seitlich ausgerichtete Menüeinstellungen und Anpassungsoptionen

Anpassungsoptionen

• Passe Schriftgröße an, Linkabstandund Farben

• Umschalten Login-Link Sichtbarkeit (erfordert aktivierte Kundenkonten)

• Wählen Sie Logo-Ausrichtung (links oder rechts)

• Ändere Schriftfamilie unter Theme-Einstellungen > Typografie

💡 Tipp: Vermeide das Stapeln von Produktabschnitten unter diesem Layout — es ist nicht scrollbar-freundlich.

---

🎨 Layout 3: Kompaktes Menü

Dieses Layout verfügt über ein Hamburger-Symbol oben rechts.

Einrichtungsschritte

1. Füge das Kompakte Menü Abschnitt

Kompakter Menüabschnitt zur Startseite hinzugefügt

1. Verknüpfe dein Menü unter Theme-Einstellungen > Globale Menü-Einstellungen

Globale Menüeinstellungen zur Konfiguration des Kompakten Menüs

1. Zentriere oder richte dein Logo nach Belieben aus

Hintergrund + Inhalt hinzufügen

• Verwende den Seiten-Leinwand Abschnitt um:

  • Eine Hintergrundfarbe festzulegen oder ein Bild hochzuladen

Seiten-Leinwand-Einstellungen zum Hinzufügen von Hintergrundbildern und -farben

• Füge Abschnitte wie hinzu Collection List oder Produkt-Karussell

⚠️ Warnung: Dies ist das einzige Layout das für scrollbare Startseiten empfohlen wird.

---

🚀 Die Startseite überspringen (optional)

Möchtest du Besucher direkt zu einer Kollektion schicken?

1. Gehen Sie zu Theme-Einstellungen > Startseiten-Einstellungen

2. Aktivieren Eingangsbildschirm überspringen

3. Lege die Zielseite fest (z. B. eine bestimmte Kollektion)

💡 Tipp: Dies ist nützlich für produktorientierte Marken, die keine Startseite benötigen.

---

📌 Abschließende Hinweise

• Verwenden Sie Seiten-Leinwand für alle Anpassungen des Startseiten-Hintergrunds

• Halte dein Layout minimal und funktional

• Speichere immer und aktualisiere, um deine Änderungen zu prüfen

Unterstützte Layouts:

• Zentriertes Menü (statische Landingpage)

• Seitenbündiges Menü (minimale vertikale Navigation)

• Kompaktes Menü (scrollbarer Startseiten-Builder)

Brauchen Sie Hilfe?

• 💬 Für technischen Support treten Sie unserem 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