📱Seiten und Vorlagen
Plain Jane Starter enthält grundlegende Seitentemplates, um einen vollständigen E‑Commerce‑Shop aufzubauen. Dieser Leitfaden erklärt, was verfügbar ist und wie jede Seitentyp eingerichtet wird.
Verfügbare Seitenvorlagen
Basierend auf den tatsächlichen Theme‑Dateien enthält Plain Jane Starter diese Templates:
🛍️ Kategorieseite
Zweck: Produktauflistung und -durchstöbern
Funktionen: Die Kategorieseite zeigt Ihre Produkte in einem sauberen Rasterlayout mit Sortieroptionen (Empfohlen, Niedrigster Preis, Neueste zuerst, A–Z). Kund:innen können Ihren Produktkatalog durchsuchen und zu einzelnen Produktseiten klicken.
Einrichtung: Erstellen Sie Kollektionen im Shopify‑Admin, fügen Sie Produkte zu Ihren Kollektionen hinzu, konfigurieren Sie die Einstellungen für das Kollektion‑Layout in den Theme‑Einstellungen und testen Sie die Sortierfunktion.
📦 Produktseite
Zweck: Einzelne Produktanzeige und Kauf
Funktionen: Die Produktseite präsentiert einzelne Produkte mit Bildergalerien, Variantenauswahl (Größe, Farbe usw.), SKU‑Anzeige, Preisangaben, Produktbeschreibungen, Warenkorb‑Funktionalität und einem Bereich für verwandte Produkte am unteren Rand.
Einrichtung: Fügen Sie Produkte mit hochwertigen Bildern hinzu, schreiben Sie detaillierte Produktbeschreibungen, richten Sie Varianten ein, falls zutreffend, konfigurieren Sie die Bestandsverfolgung und testen Sie den „In den Warenkorb“‑Ablauf.
📋 Kollektion‑Übersichtsseite
Zweck: Übersicht aller Shop‑Kollektionen
Funktionen: Zeigt alle Ihre Kollektionen in einem Rasterformat an, sodass Kund:innen stöbern und zu bestimmten Kollektionen navigieren können.
Einrichtung: Erstellen Sie mehrere Kollektionen im Shopify‑Admin, fügen Sie Kollektion‑Bilder hinzu, schreiben Sie Kollektion‑Beschreibungen und organisieren Sie die Reihenfolge der Kollektionen.
📄 Standardseiten‑Template
Zweck: Standardseitentemplate für benutzerdefinierte Inhalte
Funktionen: Ein einfaches Inhaltsseitentemplate, das für Über uns, FAQ, Richtlinien oder andere benutzerdefinierte Inhaltsseiten verwendet werden kann.
Einrichtung: Erstellen Sie eine Seite im Shopify‑Admin, wählen Sie das Standardtemplate, fügen Sie Ihre Inhalte und Bilder hinzu, konfigurieren Sie die SEO‑Einstellungen der Seite und verlinken Sie sie im Navigationsmenü.
📞 Kontaktseite
Zweck: Kundenkommunikation und Anfragen
Funktionen: Beinhaltet ein Kontaktformular mit Validierung, anpassbaren Nachrichtenbereich, Anzeige der Zeitzone mit Ihrer Ortszeit und E‑Mail‑Integration über Shopify.
Einrichtung: Erstellen Sie eine Kontaktseite in Shopify (oder verwenden Sie die vorhandene), wählen Sie das "Kontakt"‑Template, passen Sie die Nachricht im Theme‑Customizer an und konfigurieren Sie Ihre Zeitzone in den Uhr‑Einstellungen.
🔒 Passwortseite
Zweck: Shop‑Schutz und E‑Mail‑Sammlung vor dem Launch
Funktionen: Passwortschutz‑Oberfläche zum Sperren Ihres Shops, E‑Mail‑Anmeldeformular zur Sammlung von Leads vor dem Start, anpassbare Nachrichten und Branding sowie mobil‑reaktives Design.
Einrichtung: Aktivieren Sie den Passwortschutz in Shopify‑Einstellungen > Präferenzen, konfigurieren Sie das Design der Passwortseite im Theme‑Customizer, richten Sie das E‑Mail‑Sammlungsformular ein und passen Sie Nachrichten und Farben an.
👤 Kundenkonto‑Seiten
Zweck: Verwaltung von Kundenkonten
Funktionen: Plain Jane Starter enthält vollständige Kundenkonto‑Funktionalität mit Anmeldeseite, Registrierungsseite, Konto‑Dashboard, Bestellhistorie und Adressverwaltung.
Einrichtung: Aktivieren Sie Kundenkonten in Shopify‑Einstellungen > Checkout, konfigurieren Sie die Kontoseiten‑Einstellungen im Theme‑Customizer und testen Sie den Anmelde‑ und Registrierungsablauf.
🔍 Suchseite
Zweck: Produktsuche und Inhaltsuche
Funktionen: Zeigt Suchergebnisse an, wenn Kund:innen die Suchfunktion nutzen, zeigt relevante Produkte und enthält Filteroptionen.
Einrichtung: Die Suchseite funktioniert automatisch mit Shopifys eingebauter Suche. Testen Sie einfach die Suchfunktion, um sicherzustellen, dass sie relevante Ergebnisse liefert.
🛒 Warenkorbseite
Zweck: Vollständige Warenkorbansicht
Funktionen: Zeigt den vollständigen Warenkorb mit allen Artikeln, Mengen und Summen an. Diese Seite wird verwendet, wenn die Warenkorb‑Schublade deaktiviert ist.
Einrichtung: Die Warenkorbseite funktioniert automatisch. Sie können in Theme‑Einstellungen > Warenkorb‑Schublade anpassen, ob die Warenkorb‑Schublade oder die Warenkorbseite verwendet wird.
🚫 404‑Fehlerseite
Zweck: Fehlende Seiten elegant behandeln
Funktionen: Benutzerfreundliche Fehlermeldungen, Navigation zurück zum Shop und designkonforme Markenoptik.
Einrichtung: Die 404‑Seite funktioniert automatisch. Sie können die Meldungen bei Bedarf über den Theme‑Code anpassen.
🎁 Geschenkkarten‑Seite
Zweck: Anzeigen von Geschenkkarten‑Informationen
Funktionen: Zeigt Geschenkkartendetails und Einlösungsinformationen, wenn Kund:innen Geschenkkarten erhalten.
Einrichtung: Funktioniert automatisch, wenn Sie Geschenkkarten in Shopify aktivieren und verkaufen.
Was im Starter nicht enthalten ist
Plain Jane Starter enthält nicht die folgenden Seitentypen:
❌ Lookbook‑Seiten - Visuelle Produktpräsentationsseiten
❌ Blog‑Templates - Keine Blog‑Beitrag‑ oder Blog‑Übersichtsseiten
❌ Über‑Uns‑Seiten‑Template - Verwenden Sie stattdessen das Standardseiten‑Template
❌ Erweiterte Produktseiten‑Varianten - Nur ein Produktseiten‑Layout
Best Practices für die Seiteneinrichtung
Kollektionen‑Seiten
Erstellen Sie logische Kollektion‑Strukturen, die zu Ihren Produkten passen. Fügen Sie beschreibende Kollektion‑Beschreibungen mit relevanten Keywords hinzu. Laden Sie hochwertige Kollektion‑Bilder hoch. Konfigurieren Sie das Rasterlayout in den Theme‑Einstellungen. Testen Sie Filter‑ und Sortierfunktionen. Optimieren Sie für mobiles Durchstöbern.
Produktseiten
Fügen Sie mehrere hochwertige Produktbilder aus verschiedenen Blickwinkeln hinzu. Schreiben Sie detaillierte, SEO‑freundliche Produktbeschreibungen. Richten Sie Produktvarianten (Größe, Farbe usw.) ein, falls zutreffend. Konfigurieren Sie die Bestandsverfolgung. Testen Sie den „In den Warenkorb“‑Ablauf gründlich. Optimieren Sie für Konversionen mit klaren Handlungsaufforderungen.
Inhaltsseiten
Schreiben Sie SEO‑optimierte Inhalte mit relevanten Keywords. Fügen Sie passende Bilder hinzu, um den Text aufzulockern. Enthalten Sie klare Handlungsaufforderungen. Verlinken Sie zu verwandten Seiten und Produkten. Testen Sie die Lesbarkeit auf mobilen Geräten. Prüfen Sie die Ladegeschwindigkeit und optimieren Sie Bilder.
Kontaktseite
Passen Sie die Kontaktnachricht an, um Erwartungen zu setzen (z. B. „Wir antworten innerhalb von 24 Stunden“). Stellen Sie Ihre korrekte Zeitzone in den Uhr‑Einstellungen ein. Testen Sie das Absenden des Kontaktformulars. Überprüfen Sie, dass Formularübermittlungen in Ihrer E‑Mail ankommen. Prüfen Sie, dass das Formular auf mobilen Geräten funktioniert.
Häufige Probleme bei der Seiteneinrichtung
Leere Kollektion‑Seiten
Problem: Kollektion‑Seite zeigt keine Produkte an
Lösungen: Fügen Sie Produkte in Shopify‑Admin zur Kollektion hinzu. Stellen Sie sicher, dass Produkte auf "Aktiv" gesetzt sind. Vergewissern Sie sich, dass Produkte in Ihrem Verkaufskanal verfügbar sind. Überprüfen Sie Kollektion‑Bedingungen und Filter.
Produktseiten fehlen Informationen
Problem: Produktseite wirkt unvollständig
Lösungen: Fügen Sie mehrere hochwertige Produktbilder hinzu. Schreiben Sie vollständige Produktbeschreibungen. Richten Sie Varianten ein, falls zutreffend. Konfigurieren Sie Bestand und Preisgestaltung. Fügen Sie Produkt‑Tags und Kategorien hinzu.
Kontaktformular funktioniert nicht
Problem: Kontaktformular‑Übermittlungen kommen nicht an
Lösungen: Konfigurieren Sie E‑Mail‑Benachrichtigungen in Shopify‑Einstellungen. Testen Sie die Formularübermittlung mit einer echten E‑Mail. Prüfen Sie Ihren Spam‑Ordner auf Formularübermittlungen. Vergewissern Sie sich, dass alle Formularfelder korrekt funktionieren.
Kundenkonten nicht verfügbar
Problem: Kund:innen können keine Konten erstellen
Lösungen: Aktivieren Sie Kundenkonten in Shopify‑Einstellungen > Checkout. Wählen Sie „Konten sind optional“ oder „Konten sind erforderlich“. Testen Sie den Registrierungs‑ und Anmeldeablauf. Überprüfen Sie, ob E‑Mail‑Benachrichtigungen funktionieren.
Mobiloptimierung
Alle Templates in Plain Jane Starter sind vollständig responsiv und für mobile Geräte optimiert. Dennoch sollten Sie Ihre Seiten auf echten Mobilgeräten testen, um die beste Nutzererfahrung sicherzustellen.
Mobile Test‑Checkliste: Testen Sie auf echten iOS‑ und Android‑Geräten. Prüfen Sie Ladezeiten in mobilen Netzen. Überprüfen Sie Formularfunktionen und Eingabefelder. Testen Sie Navigationsmenüs und Dropdowns. Bestätigen Sie die Lesbarkeit von Text in mobilen Größen. Prüfen Sie, dass Bilder korrekt skalieren. Vergewissern Sie sich, dass Buttons leicht zu tippen sind.
SEO‑Optimierung
Jedes Seitentemplate unterstützt grundlegende SEO‑Optimierung über Shopifys eingebaute Tools.
Schritte zur SEO‑Einrichtung: Setzen Sie eindeutige, beschreibende Seitentitel. Schreiben Sie ansprechende Meta‑Beschreibungen (150–160 Zeichen). Fügen Sie allen Bildern beschreibenden Alt‑Text hinzu. Verwenden Sie saubere, beschreibende URLs. Erstellen Sie interne Links zwischen verwandten Seiten. Stellen Sie schnelle Ladezeiten sicher.
SEO‑Best Practices: Schreiben Sie für jede Seite einzigartige, wertvolle Inhalte. Verwenden Sie Keywords natürlich im Text. Optimieren Sie Bilder durch Komprimierung der Dateigrößen. Sorgen Sie für ein mobilfreundliches, responsives Design. Halten Sie Inhalte frisch und regelmäßig aktualisiert. Bauen Sie Backlinks von seriösen Quellen auf.
Seitenverwaltungs‑Workflow
Neue Seiten erstellen
Planen Sie Ihre Inhaltsstruktur und den Zweck. Erstellen Sie die Seite im Shopify‑Admin unter Onlineshop > Seiten. Wählen Sie das passende Template (Standard oder Kontakt). Fügen Sie Ihre Inhalte, Bilder und das Format hinzu. Konfigurieren Sie SEO‑Einstellungen (Titel, Beschreibung, URL). Fügen Sie die Seite Ihrem Navigationsmenü hinzu. Vorschau und Test vor der Veröffentlichung. Veröffentlichen und die Seite bewerben.
Bestehende Seiten aktualisieren
Sichern Sie Ihre aktuellen Inhalte, bevor Sie Änderungen vornehmen. Nehmen Sie Ihre Aktualisierungen an Inhalten, Bildern oder Einstellungen vor. Vorschau der Änderungen im Theme‑Customizer. Aktualisieren Sie SEO‑Informationen, wenn sich Inhalte wesentlich geändert haben. Testen Sie alle Links, um sicherzustellen, dass die Navigation weiterhin funktioniert. Überwachen Sie die Performance in Analytics nach der Veröffentlichung von Änderungen.
Hilfe erhalten
Bei Problemen mit der Seiteneinrichtung lesen Sie den Einstieg‑Leitfaden für grundlegende Einrichtungsanweisungen, die Theme‑Einstellungen‑Dokumentation für Anpassungsoptionen und FAQ & Fehlerbehebung für häufige Lösungen.
Für fehlende Funktionen oder erweiterte Funktionalität sehen Sie sich die Übersicht über Einschränkungen an, um zu verstehen, was nicht enthalten ist, und ziehen Sie ein Upgrade auf Plain Jane 3.0 oder Plain Jane Interactive für mehr Features in Betracht.
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
Zuletzt aktualisiert