Theme

Was ist ein Theme?

Ein Theme ist das Vorlagen- und Codepaket, das das Layout, das Design und die Funktionen Ihres Storefronts steuert. In Shopify wird ein Theme mit der Template-Sprache Liquid in Kombination mit HTML, CSS und JavaScript erstellt. Moderne Online Store 2.0 Themes verwenden JSON-Vorlagen mit Abschnitten (Sections) und Blöcken, die Sie im Theme-Editor hinzufügen, entfernen und neu anordnen können – ganz ohne den Code anzufassen.

Warum ist ein Theme wichtig?

Das Theme ist der Rahmen, den Ihre Kunden tatsächlich sehen und in dem sie einkaufen. Daher beeinflusst es direkt die Conversion, die Ladegeschwindigkeit und das SEO. Ein überladenes oder schlecht strukturiertes Theme führt zu langsamen Seiten und Layout-Verschiebungen (CLS), während ein gut erstelltes Theme die wichtigsten Inhalte im sichtbaren Bereich (above the fold) hält und auf Mobilgeräten genauso gut funktioniert wie auf dem Desktop. Da das Theme auch Titel, Metadaten und strukturierte Daten ausgibt, hat die Wahl des Themes großen Einfluss darauf, wie Google Ihre Seiten versteht.

Häufige Anwendungsfälle

• Ein neues Theme auswählen. Wählen Sie aus kostenlosen und kostenpflichtigen Themes im Shopify Theme Store – zum Beispiel das kostenlose Standard-Theme Dawn.
• No-Code-Anpassung. Passen Sie Farben, Abschnitte und Inhalte im Theme-Editor unter Onlineshop → Themes an.
• Code-Bearbeitung. Bearbeiten Sie theme.liquid, Abschnitte, Snippets und Assets über Code bearbeiten.
• App-Integrationen. Fügen Sie App-Blöcke innerhalb von Abschnitten hinzu, anstatt sie fest in das Theme zu codieren.
• Aktualisierung. Wechseln oder aktualisieren Sie ein Theme, ohne Inhalte zu verlieren, die in Produkten und Metafeldern gespeichert sind.

Shopify-Perspektive

Behalten Sie eine saubere Version Ihres Themes und testen Sie Änderungen an einem Duplikat, bevor Sie es veröffentlichen. Beachten Sie, dass der Checkout nicht durch das Theme gesteuert wird – er wird separat über Checkout Extensibility angepasst. Ziehen Sie einen Page Builder in Betracht, wenn Sie Landingpages ohne Liquid-Kenntnisse erstellen möchten, und achten Sie auf die Seitengeschwindigkeit, wenn Sie Apps installieren, die Skripte im Theme hinzufügen.