Bearbeite dein Shopify Theme, ohne den Live-Shop kaputtzumachen: zuerst duplizieren, Abschnitte und Blöcke im Theme-Editor nutzen und Code nur mit einem Backup anfassen.
Dupliziere das Theme zuerst, damit du ein Backup hast, öffne dann die Kopie im Theme-Editor und ändere Abschnitte, Blöcke und Theme-Einstellungen ohne Code. Sieh dir die Vorschau an und veröffentliche erst, wenn alles stimmt. Nutze Code bearbeiten nur für Änderungen, die der Editor nicht kann, und kopiere jede Datei, bevor du sie änderst.
Wege, ein Shopify Theme zu ändern, der sicherste zuerst
Methode
Was du änderst
Braucht Code?
Theme-Einstellungen
Farben, Schriften, Buttons und andere shopweite Stile
Nein
Abschnitte und Blöcke
Was auf jeder Seite erscheint und in welcher Reihenfolge
Nein
Code bearbeiten
Liquid-, CSS- und JavaScript-Dateien des Themes
Ja
Lokale Entwicklung
Das ganze Theme, mit Versionskontrolle
Ja
Mit dem Theme-Editor von Shopify kannst du deinen Shop neu anordnen, ohne Code anzufassen, und die meisten Shopbetreiber brauchen nie mehr. Arbeite die Checkliste unten der Reihe nach ab. Sie hält bei jedem Schritt eine sichere Kopie bereit, sodass dich eine missglückte Änderung eine Minute kostet statt eines verlorenen Wochenendes.
Geh in deiner Verwaltung zu Onlineshop, öffne das Aktionsmenü deines Themes und klick auf Duplizieren.
Klick bei der Kopie auf Anpassen, nicht beim Live-Theme, um den Theme-Editor zu öffnen.
Füge Abschnitte und Blöcke hinzu, blende sie aus, ordne sie neu an oder lösche sie, und leg in den Theme-Einstellungen shopweite Stile fest.
Sieh dir die Vorschau der Kopie an und veröffentliche sie, wenn du zufrieden bist. Das alte Theme bleibt als Rückfalloption in deiner Bibliothek.
Blende einen Abschnitt aus, statt ihn zu löschen, wenn du unsicher bist. Ein ausgeblendeter Abschnitt behält seinen Inhalt für später.
Jede Vorlage kann bis zu 25 Abschnitte enthalten und über alle zusammen bis zu 1250 Blöcke, sehr lange Seiten müssen also gekürzt werden.
Wenn ein Theme-Update mit von dir geändertem Code kollidiert, warnt Shopify, dass deine Codeänderungen in der aktualisierten Kopie entfernt werden. Notiere jede Änderung.
Im Theme-Editor siehst du den Entwickler und die Versionsnummer deines Themes, was hilft, wenn du den Support kontaktierst.
Häufige Fragen
Ändert das Bearbeiten meines Themes sofort den Live-Shop?
Änderungen am veröffentlichten Theme gehen beim Speichern live. Bearbeitest du ein unveröffentlichtes Duplikat, ändert sich für Kunden nichts, bis du diese Kopie veröffentlichst.
Was ist der Unterschied zwischen einem Abschnitt und einem Block?
Ein Abschnitt ist ein Teil der Seite über die volle Breite, etwa eine Slideshow oder eine hervorgehobene Kollektion. Blöcke sind die kleineren Teile darin, wie eine Überschrift, ein Button oder ein Bild.
Wie mache ich eine Codeänderung rückgängig?
Im Code-Editor kann die Zeitachse einer Datei eine ältere Version wiederherstellen. Shopify weist darauf hin, dass der Verlauf begrenzt ist und das Wiederherstellen die ganze Datei ersetzt, kopiere also vorher alles, was du behalten willst.
Kann der Shopify Support mein Theme für mich bearbeiten?
Bei Themes von Shopify hilft der Support eventuell bei bestimmten vordefinierten Anpassungen, schreibt aber keinen eigenen Code. Bei einem kostenpflichtigen Theme wende dich an dessen Entwickler oder beauftrage für individuelle Arbeiten einen Shopify Partner.
Wie viele Kopien eines Themes kann ich behalten?
Shops in den Tarifen Basic, Grow und Advanced können bis zu 20 Themes speichern. Wenn du das Limit erreichst, musst du eines löschen, bevor du ein weiteres duplizierst.
Wann du Code bearbeiten öffnen solltest
Shopify rät, Theme-Code nur zu bearbeiten, wenn du HTML und CSS beherrschst und Grundkenntnisse in Liquid hast, der Vorlagensprache von Shopify. Typische Gründe sind eine kleine Stilanpassung, die in den Einstellungen fehlt, oder ein Snippet, das eine App von dir eingefügt haben will.
Kopiere vor dem Speichern die Originaldatei in eine Textdatei auf deinem Computer. So hast du neben der Zeitachse von Shopify ein zweites Sicherheitsnetz.
Warum das Duplikat so wichtig ist
Eine Kopie erscheint in deiner Theme-Bibliothek als Kopie von plus dem ursprünglichen Namen. Benenne sie eindeutig um, etwa mit Datum und Änderung, damit du die Versionen später auseinanderhalten kannst.
Eine Kopie zu veröffentlichen lässt sich rückgängig machen: Das vorherige Theme liegt noch in der Bibliothek, und du kannst es wieder veröffentlichen, wenn die Verkäufe sinken oder etwas kaputt aussieht.
Was der Editor für dich speichert
Jeder Seitentyp in einem modernen Theme ist eine JSON-Vorlage: eine Liste von Abschnitten, ihren Einstellungen und ihrer Reihenfolge. Der Theme-Editor schreibt diese Datei, wenn du Dinge verschiebst, deshalb musst du sie selten von Hand bearbeiten.
Eine kleine Produktseiten-Vorlage
Das sections-Objekt enthält jeden Abschnitt und seine Einstellungen; order ist die Liste, die Shopify von oben nach unten rendert.
Checkliste für sicheres Bearbeiten
{n} von {v} Schritten erledigt
Von vorn beginnen
Alle Schritte erledigt. Dein altes Theme liegt noch in der Bibliothek, falls du es brauchst.
Das Live-Theme unter Onlineshop duplizieren
Die Kopie umbenennen, damit du sie unterscheiden kannst
Die Kopie mit Anpassen öffnen
Farben, Schriften und Buttons in den Theme-Einstellungen festlegen
Abschnitte und Blöcke hinzufügen, ausblenden oder neu anordnen