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
Zum Theme-Editor gehen
Shopify-Admin → Online-Shop → ThemesCustomizer ö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.
Zu Einstellungen navigieren
Im Customizer klicken Sie „Theme-Einstellungen“ am unteren Rand
Finden „Ankündigungsleiste“ Abschnitt
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
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.
Typografie-Bereich finden
In den Theme-Einstellungen finden Sie „Typografie“
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
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.
Uhreinstellungen aufrufen
Finden „Uhreinstellungen“ in den Theme-Einstellungen
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“
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.
Zum Shop-Logo navigieren
Finden „Shop-Logo“ in den Theme-Einstellungen
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)
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.
Shop-Layout-Einstellungen finden
Suchen Sie „Shop-Layout“ Abschnitt
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
Optionen zur Produktanzeige
Produktbildgröße: Prozentsatz des Containers (60–100 %)
Breite der Produktbox: Containergröße (550–780 px)
Produktbox responsiv machen: Empfohlen AN
Endloses Scrollen aktivieren: Unendliches Laden aktivieren
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.
SEO-Einstellungen aufrufen
Finden „SEO-Einstellungen“ in den Theme-Einstellungen
Symbole hochladen
Favicon: Kleines Symbol für Browser-Tabs (32×32 px)
Apple-Touch-Icon: Für mobile Lesezeichen (120×120 px)
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:
Änderungen in der Vorschau ansehen
Klicken Sie „Vorschau“ um Änderungen zu sehen
Auf Desktop und Mobil testen
Alle wichtigen Seiten prüfen
Wesentliche Funktionen testen
Navigation funktioniert korrekt
Logo wird korrekt angezeigt
Schriften sehen gut aus
Layout ist responsiv
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: [email protected]
💻 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
Zuletzt aktualisiert