> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/german/plain-jane-starter/getting-started/basic-setup.md). # 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](/german/plain-jane-starter/getting-started/essential-configuration.md) - 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:** 📧 **Schreiben Sie uns eine E-Mail an:** 💻 **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 --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.openspaces.design/german/plain-jane-starter/getting-started/basic-setup.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.