# 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](https://docs.openspaces.design/german/plain-jane-starter/getting-started/essential-configuration) - 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:** <support@openspaces.design>

💻 **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