Mit der Anpassung deines Shopify-Themes kannst du das Erscheinungsbild und die Funktionen deines Onlineshops individuell gestalten. Du kannst Farben, Schriftarten, Layouts, Abschnitte und Apps so anpassen, dass sie deine Marke widerspiegeln und das Einkaufserlebnis verbessern.
Diese Anleitung beschreibt die wichtigsten Schritte, um Themes über den Shopify-Editor zu bearbeiten und Änderungen zu veröffentlichen.
Voraussetzungen #
- Ein aktives Shopify-Konto mit Zugriff auf den Adminbereich
- Ein veröffentlichtes oder installiertes Theme (z. B. Dawn)
- Grundkenntnisse in der Shopify-Admin-Oberfläche
- Optional: Kenntnisse in HTML, CSS oder Liquid für erweiterte Anpassungen
Layout und Abschnitte bearbeiten #
- Im linken Menü siehst du die Struktur deiner Seiten (z. B. Startseite, Produktseite, Footer).
- Wähle den gewünschten Abschnitt aus, z. B. Header oder Produkte.
- Verwende die Bearbeitungsoptionen auf der rechten Seite, um Inhalte, Texte, Farben oder Bilder zu ändern.
- Klicke auf Speichern, um deine Änderungen zu übernehmen.
Tipp
Nutze die Vorschau-Funktion, um das Design auf deinem Desktop und Mobilgeräten zu prüfen.
Theme-Einstellungen anpassen #
- Klicke im Theme-Editor unten links auf Theme-Einstellungen.
- Passe globale Optionen wie Farben, Typografie oder Social-Media-Links an.
Warnung
Änderungen werden automatisch im gesamten Shop übernommen. Überprüfe deine Änderungen daher genau, bevor du speicherst.
Apps und benutzerdefinierte Blöcke integrieren #
- Öffne den Shopify App Store und installiere Design- oder Funktions-Apps.
- Nach der Installation findest du oft neue Abschnitte oder Blöcke im Theme-Editor.
- Ziehe die neuen Elemente an die gewünschte Position und passe sie an.
Code anpassen (optional) #
- Gehe zu Onlineshop > Themes > Aktionen > Code bearbeiten.
- Öffne Dateien im Ordner /templates oder /sections, um Layouts oder Inhalte zu verändern.
- Verwende Liquid, HTML, CSS oder JavaScript für erweiterte Anpassungen.
Warnung
Änderungen am Code können die Funktion des Themes beeinträchtigen. Erstelle vorab eine Theme-Kopie über Aktionen > Duplizieren.
Tipp
Die genaue Anweisung, wie du dein Theme durch Code anpassen kannst findest du hier: https://shopify.dev/docs/…
Häufige Fehler & Tipps #
- ⚠️ Änderungen nicht gespeichert → Prüfe vor dem Verlassen des Editors, ob die Schaltfläche Speichern aktiviert wurde.
- 💡 Verwende eine Theme-Vorschau, bevor du es veröffentlichst.
- 💡 Nutze Abschnittsvorlagen, um Layouts für mehrere Seiten wiederzuverwenden.
- 🧩 Vermeide direkte Codeänderungen, wenn sie auch über den Editor möglich sind.
