2. Einrichten Ihrer Startseite

Für Plain Jane und Interactive

⚠️ Hinweis: Die Dynamischer Hintergrund Sektion wurde in den neuesten Versionen von Plain Jane und Interactive veraltet. Verwende Seiten-Leinwand stattdessen — sie bietet die gleiche 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 dein Startseiten-Layout in Plain Jane v3 und Interactive v2 anpasst

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

• Wann welches Layout für beste Ergebnisse verwendet werden sollte

• 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 z. B. Testmenü.

3. Füge Menüpunkte hinzu wie:

   • Herren → verlinke zu deiner Herren-Kollektion

   • Lookbook → verlinke zu einer benutzerdefinierten Seite oder zur Startseite

   • Kontakt → verlinke zur integrierten Kontaktseite von Shopify

4. Klicken Sie Speichern.

---

🎨 Layout 1: Zentrum-Menü

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

So richtest du es ein

1. Öffne dein Theme im Passen Sie Editor.

Theme-Customizer-Oberfläche zeigt Startseitenabschnitte

1. Stelle sicher, dass diese Bereiche vorhanden sind:

   • Preloader

   • E-Mail-Popup

   • Seiten-Leinwand

   • Zentrum-Menü

💡 Tipp: Seiten-Leinwand ersetzt die veraltete Dynamischer Hintergrund Sektion. Verwende sie für Hintergrundbilder oder Farben.

Verknüpfe dein Menü

• Klicken Sie auf den Zentrum-Menü Abschnitt

Abschnitt "Zentriertes Menü" ausgewählt zeigt Einstellungsfenster

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

Einstellungsfenster für "Zentriertes Menü" mit Menü-Dropdown

Menü-Dropdown zeigt verfügbare Navigationsmenüs

Social-Media-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ü keinen scrollbaren Inhalt hinzu. Halte es sauber und schlicht.

---

🎨 Layout 2: Seitenbündiges Menü

Gut für Marken, die minimale vertikale Menüs möchten.

Einrichtungsschritte

1. Entferne im Theme-Editor die Zentrum-Menü.

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

Modal zum Hinzufügen eines Abschnitts zeigt verfügbare Abschnitte

Seitenbündig ausgerichteter Menüabschnitt erfolgreich hinzugefügt

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

Einstellungen und Anpassungsoptionen für seitenbündig ausgerichtetes Menü

Anpassungsoptionen

• Passe Schriftgröße, Link-Abstand, und Farben

• Schalten Sie Login-Link Sichtbarkeit (erfordert aktivierte Kundenkonten)

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

• Ändere Schriftfamilie unter Theme-Einstellungen > Typografie

💡 Tipp: Vermeide es, Produktabschnitte unter diesem Layout zu stapeln — es ist nicht scrollfreundlich.

---

🎨 Layout 3: Kompaktes Menü

Dieses Layout hat 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 beliebig aus

Hintergrund + Inhalt hinzufügen

• Verwende die Seiten-Leinwand Sektion um:

  • Eine Hintergrundfarbe festzulegen oder ein Bild hochzuladen

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

• Füge Abschnitte hinzu wie Kollektionsliste oder Produkt-Karussell

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

---

🚀 Die Startseite überspringen (Optional)

Möchtest du Besucher direkt zu einer Kollektion führen?

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

2. Aktivieren Startbildschirm überspringen

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

💡 Tipp: Das 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 Vorschauzwecken anzuzeigen

Unterstützte Layouts:

• Zentrum-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