Richten Sie Ihr Theme ein, ohne neu anzufangen.

Schnellstart

In sechs Schritten vom installierten Theme zum anpassbaren Shop.

1. 01

   Theme duplizieren

   Erstellen Sie vor Änderungen an Presets oder Seitenstrukturen eine Sicherungskopie.

2. 02

   Preset wählen

   Wählen Sie Ochre, Prairie, Rivage oder Alpine als passenden Ausgangspunkt.

3. 03

   Marke einrichten

   Laden Sie Logo und Favicon hoch und passen Sie Farben, Typografie, Abstände und Formen an.

4. 04

   Medien hochladen

   Nutzen Sie ein Desktop-Bild und bei Bedarf eine eigene mobile Version.

5. 05

   Katalog verbinden

   Wählen Sie echte Produkte und Kollektionen. Demo-Produkte werden nicht übertragen.

6. 06

   Vor Veröffentlichung prüfen

   Testen Sie Navigation, Varianten, Warenkorb, Suche, Mobilansicht und Kontrast.

Presets

Alle vier Presets bieten dieselben Funktionen, unterscheiden sich aber in Komposition, Rhythmus, Typografie und Farbwelt.

• 01

  Ochre

  Warme redaktionelle Gestaltung für Uhren, Accessoires und hochwertige Kataloge.

• 02

  Prairie

  Luftige botanische Gestaltung für Fahrräder, Handwerk und Outdoor-Marken.

• 03

  Rivage

  Immersives Karussell und sonniger Rhythmus für Bademode, Schmuck und Lifestyle.

• 04

  Alpine

  Dichte, warme Gestaltung für Strickmode, Bekleidung und Wintermarken.

Installation und Anpassung

Globale Einstellungen bestimmen die Identität; Abschnitte strukturieren den Inhalt jeder Seite.

• 01

  Installieren, ohne zu veröffentlichen

  Öffnen Sie nach dem Kauf Onlineshop > Themes. Arbeiten Sie am Theme in der Bibliothek und lassen Sie das aktuelle Theme während der Einrichtung veröffentlicht.

• 02

  Sicherung behalten

  Duplizieren Sie das Theme vor Änderungen an Preset, Navigation oder Seitenstruktur und benennen Sie die Kopie mit Datum oder Version.

• 03

  Globale Identität einstellen

  Konfigurieren Sie in den Theme-Einstellungen Logo, Favicon, Farben, Typografie, Seitenbreite, Buttons, Karten, Bewegung und soziale Links.

• 04

  Vorlagen aufbauen

  Wählen Sie Startseite, Produkt, Kollektion oder Seite und fügen Sie Abschnitte ohne Code hinzu, blenden sie aus oder ordnen sie neu.

• 05

  Startinhalte ersetzen

  Prüfen Sie jede Überschrift, jeden Button, Link, jedes Bild und jede Kollektion. Preset-Texte sind Beispiele.

Bilder und Video

Gut vorbereitete Medien verhindern unerwartete Zuschnitte und schützen die Performance.

• 01

  Desktop-Hero

  Verwenden Sie ungefähr 2400 × 1400 px und halten Sie das Motiv vom Textbereich frei. Prüfen Sie den tatsächlichen Ausschnitt im Editor.

• 02

  Mobiler Hero

  Fügen Sie bei Bedarf ein vertikales Bild mit etwa 1200 × 1600 px hinzu. Automatischer Zuschnitt erhält randnahe Motive nicht zuverlässig.

• 03

  Produkte

  Verwenden Sie ein einheitliches Verhältnis, etwa 4:5 bei 1600 × 2000 px. Ergänzen Sie Produkt-, Kontext- und bei Bedarf Detailaufnahmen.

• 04

  Video

  Bevorzugen Sie eine kurze, bei Shopify gehostete Schleife und hinterlegen Sie ein Posterbild.

• 05

  Barrierefreiheit

  Vergeben Sie sinnvolle Alternativtexte für informative Bilder.

• 06

  Performance

  Exportieren Sie möglichst WebP oder AVIF und vermeiden Sie sehr schwere Medien oberhalb des sichtbaren Bereichs.

Katalog und Navigation

Verbinden Sie vor der Veröffentlichung jeden Abschnitt mit den echten Shop-Ressourcen.

• 01

  Produkte und Varianten

  Prüfen Sie Preis, Verfügbarkeit, Optionen, Farbfelder, Medien, Menge und Warenkorb.

• 02

  Kollektionen

  Hinterlegen Sie Bild, Beschreibung und passende Shopify Search & Discovery-Filter.

• 03

  Navigation

  Weisen Sie main-menu dem Header und footer dem Footer zu und prüfen Sie alle Links.

• 04

  Produktseiten

  Ordnen Sie Informationsblöcke, Empfehlungen sowie Versand-, Pflege- und Rückgabeangaben.

• 05

  Märkte und Sprachen

  Übersetzen Sie Inhalte mit Shopify Translate & Adapt und prüfen Sie Währungen, Menüs und Texte.

• 06

  Anker und Buttons

  Verwenden Sie für einen Startseitenabschnitt dessen Anker-ID. Wählen Sie Shopify-Produkte, Kollektionen oder Seiten direkt im Editor.

Checkliste vor Veröffentlichung

Prüfen Sie den Shop vor der Veröffentlichung wie ein Kunde und nicht nur im Shopify-Editor.

• 01

  Startseite

  Prüfen Sie Buttons, Karussells, Desktop- und Mobilbilder, Formulare und Abschnittsreihenfolge.

• 02

  Kollektionen

  Prüfen Sie Bild, Text, Sortierung, Filter, Seitennavigation, Produktkarten und den Zustand ohne Ergebnisse.

• 03

  Produkte

  Testen Sie Optionen, Varianten, Medien, Preis, Verfügbarkeit, Warenkorb und Empfehlungen.

• 04

  Warenkorb und Suche

  Fügen Sie einen Artikel hinzu, ändern und entfernen Sie ihn. Testen Sie Suche, Ergebnisse und leeren Warenkorb.

• 05

  Mobil und Barrierefreiheit

  Testen Sie kleines Smartphone und Desktop, Tastatur, Fokus, Kontrast, Alternativtexte und reduzierte Bewegung.

• 06

  Vertrauensseiten

  Verknüpfen Sie Kontakt, Lieferung, Rückgabe, Datenschutz und Bedingungen. Ersetzen Sie rechtliche Beispieltexte.

Fehlerbehebung

Die häufigsten Probleme entstehen durch eine nicht ausgewählte Shopify-Ressource oder ein unpassend zugeschnittenes Medium.

• 01

  Ein Produktabschnitt ist leer

  Wählen Sie eine veröffentlichte Kollektion mit Produkten, die im Onlineshop-Kanal verfügbar sind.

• 02

  Der Hero ist falsch zugeschnitten

  Fügen Sie ein mobiles Bild hinzu, passen Sie den Fokuspunkt an und lassen Sie Raum um das Motiv.

• 03

  Beim Hover wechselt das Bild nicht

  Fügen Sie zwei Produktmedien hinzu und prüfen Sie Haupt- und Hover-Position in den Abschnittseinstellungen.

• 04

  Filter fehlen

  Konfigurieren Sie Shopify Search & Discovery und prüfen Sie Produktoptionen oder Metafelder.

• 05

  Ein Link führt zum falschen Ziel

  Wählen Sie das Ziel erneut. Prüfen Sie bei einem Anker, ob die ID auf der Zielseite vorhanden ist.

Häufige Fragen

Support

Senden Sie für Support die Shop-URL, Theme-Version, betroffene Seite, Schritte und einen Screenshot.

Angestrebte Antwortzeit: zwei Werktage.

Versionshinweise

Version 1.0.0 - erste öffentliche Version

• Vier saisonale Presets mit eigenen Seitenstrukturen.
• Statische, geteilte und Karussell-Heroes mit mobilen Medien.
• Kollektionen, Filter, vorausschauende Suche, Empfehlungen und Warenkorb-Sidebar.
• Farbfelder, Varianten, Schnellkauf, Abholung und Kaufoptionen.
• Markeneinstellungen, reduzierte Bewegung und vier Storefront-Sprachen.