Grundlegende Einrichtung

Nach der Installation von Plain Jane Starter folgen Sie dieser Anleitung, um die grundlegenden Einstellungen für Ihren Shop zu konfigurieren.

Schritt 1: Theme-Einstellungen aufrufen

1. Zum Theme-Editor gehen

   Shopify-Admin → Online-Shop → Themes

2. Customizer öffnen

   • Finden Sie „Plain Jane Starter“ in Ihren Themes

   • Klicken Sie „Anpassen“ Schaltfläche

   • Dies öffnet den Theme-Customizer

&#xNAN;Automatisch erfasst am 17.07.2025

Schritt 2: Konfiguration der wichtigsten Einstellungen

Einrichtung der Ankündigungsleiste

Die Ankündigungsleiste erscheint oben in Ihrem Shop.

1. Zu Einstellungen navigieren

   • Im Customizer klicken Sie „Theme-Einstellungen“ am unteren Rand

   • Finden „Ankündigungsleiste“ Abschnitt

2. Ankündigung konfigurieren

   • Ankündigungstext: Geben Sie Ihre Nachricht ein

     • Beispiel: „Kostenloser Versand ab 50 $ Bestellwert“

   • Ankündigungsleiste anzeigen: Umschalten AN

   • Farbe der Ankündigungsleiste: Hintergrundfarbe wählen

   • Farbe des Ankündigungstextes: Textfarbe für Lesbarkeit festlegen

3. Beste Praktiken

   • Halten Sie den Text kurz und handlungsorientiert

   • Verwenden Sie kontrastreiche Farben für Lesbarkeit

   • Regelmäßig mit aktuellen Aktionen aktualisieren

Typografie-Konfiguration

Legen Sie Ihre Marken-Schriftarten für den gesamten Shop fest.

1. Typografie-Bereich finden

   • In den Theme-Einstellungen finden Sie „Typografie“

2. Schriften konfigurieren

   • Schriftart für den Fließtext: Für allgemeinen Text (Absätze, Beschreibungen)

   • Schriftart für Überschriften: Für Überschriften und Titel

   • Schriftart für Schaltflächen: Für Schaltflächentext

3. Tipps zur Schriftauswahl

   • Wählen Sie lesbare Schriftarten für Fließtext

   • Stellen Sie sicher, dass Überschriften zu Ihrer Marke passen

   • Auf mobilen Geräten testen

   • Beschränken Sie sich auf maximal 1–2 Schriftfamilien

Uhreinstellungen

Legen Sie die Zeitzone Ihres Shops fest für konsistente Zeitangaben.

1. Uhreinstellungen aufrufen

   • Finden „Uhreinstellungen“ in den Theme-Einstellungen

2. Zeitzone auswählen

   • Wählen Sie aus der Dropdown-Liste

   • Wählen Sie die Zeitzone Ihres Geschäftssitzes

   • Beispiele: „America/New_York“, „Europe/London“, „Asia/Tokyo“

3. Warum das wichtig ist

   • Beeinflusst die Anzeige von Zeitstempeln

   • Wichtig für internationale Kundschaft

   • Sorgt für einheitliche Zeitreferenzen

Schritt 3: Shop-Logo hochladen

Fügen Sie Ihr Markenlogo hinzu, um Identität zu schaffen.

1. Zum Shop-Logo navigieren

   • Finden „Shop-Logo“ in den Theme-Einstellungen

2. Logo hochladen

   • Klicken Sie „Shop-Logo“ Feld

   • Laden Sie Ihre Logodatei hoch (PNG, JPG, SVG empfohlen)

   • Logo-Größe: Mit dem Bereichsregler anpassen (65–165 px)

3. Logo-Richtlinien

   • Verwenden Sie hochauflösende Bilder

   • Transparenter Hintergrund (PNG) funktioniert am besten

   • Bei verschiedenen Größen testen

   • Lesbarkeit auf Mobilgeräten sicherstellen

Schritt 4: Grundlegendes Shop-Layout

Konfigurieren Sie, wie Produkte auf Kategorieseiten angezeigt werden.

1. Shop-Layout-Einstellungen finden

   • Suchen Sie „Shop-Layout“ Abschnitt

2. Gitter konfigurieren

   • Desktop-Spalten: Wählen Sie 2 oder 3 Spalten

   • Mobile-Spalten: Wählen Sie 1 oder 2 Spalten

   • Spaltenabstand: Abstand zwischen Produkten

   • Zeilenabstand: Vertikaler Abstand

3. Optionen zur Produktanzeige

   • Produktbildgröße: Prozentsatz des Containers (60–100 %)

   • Breite der Produktbox: Contain­ergröße (550–780 px)

   • Produktbox responsiv machen: Empfohlen AN

   • Endloses Scrollen aktivieren: Unendliches Laden aktivieren

4. Layout-Tipps

   • 3 Spalten funktionieren gut für Shops mit vielen Produkten

   • 2 Spalten bieten mehr Platz für Produktdetails

   • Mobil sollte typischerweise weniger Spalten verwenden

Schritt 5: Grundlegende SEO-Einstellungen

Richten Sie wichtige SEO-Elemente ein.

1. SEO-Einstellungen aufrufen

   • Finden „SEO-Einstellungen“ in den Theme-Einstellungen

2. Symbole hochladen

   • Favicon: Kleines Symbol für Browser-Tabs (32×32 px)

   • Apple-Touch-Icon: Für mobile Lesezeichen (120×120 px)

3. Rich Snippets aktivieren

   • Produkt Rich Snippets: Einschalten

   • Artikel Rich Snippets: Einschalten

   • Diese helfen bei der Sichtbarkeit in Suchmaschinen

Schritt 6: Vorschau und Test

Nach der Grundkonfiguration:

1. Änderungen in der Vorschau ansehen

   • Klicken Sie „Vorschau“ um Änderungen zu sehen

   • Auf Desktop und Mobil testen

   • Alle wichtigen Seiten prüfen

2. Wesentliche Funktionen testen

   • Navigation funktioniert korrekt

   • Logo wird korrekt angezeigt

   • Schriften sehen gut aus

   • Layout ist responsiv

3. Einstellungen speichern

   • Klicken Sie „Speichern“ im Customizer

   • Änderungen werden automatisch gespeichert, aber Speichern stellt sicher, dass nichts verloren geht

Häufige Einrichtungsprobleme

Logo wird nicht angezeigt

• Überprüfen Sie das Dateiformat (PNG, JPG, SVG)

• Stellen Sie sicher, dass die Dateigröße nicht zu groß ist

• Browser-Cache leeren

Schriften sehen falsch aus

• Probieren Sie verschiedene Schriftkombinationen

• Prüfen Sie, ob die Schrift auf Mobilgeräten geladen wird

• Browser-Cache leeren

Layout-Probleme

• Breite der Produktbox anpassen

• Überprüfen Sie die Einstellung für den responsiven Schalter

• Auf einem echten Mobilgerät testen

Nächste Schritte

Nachdem die Grundkonfiguration abgeschlossen ist, gehen Sie zur detaillierten Anpassung über:

👉 Weiter: Wesentliche Konfiguration - Feintunen Sie das Erscheinungsbild und die Funktionalität Ihres Shops.

Schnelle Checkliste

Bevor Sie fortfahren, stellen Sie sicher, dass Sie Folgendes abgeschlossen haben:

• ✅ Ankündigungsleiste konfiguriert

• ✅ Schriftarten ausgewählt und getestet

• ✅ Zeitzone korrekt eingestellt

• ✅ Logo hochgeladen und in der Größe angepasst

• ✅ Shop-Layout konfiguriert

• ✅ SEO-Einstellungen aktiviert

---

Brauchen Sie Hilfe?

💬 Treten Sie unserer Community auf Discord bei: https://discord.gg/hcc2GvgZc6

📧 Schreiben Sie uns eine E-Mail an: [e-mail]

💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website

• ✅ Vorschau auf Mobilgerät und Desktop getestet