Ein Shopify Theme Update klingt nach einer Kleinigkeit – bis du feststellst, dass danach Anpassungen fehlen, die du mühsam eingerichtet hast. Dieser Beitrag zeigt dir, wie du ein Theme sicher aktualisierst, was du vorher prüfen musst und wo die häufigsten Fehler passieren. Du bekommst einen konkreten Ablauf, den du direkt umsetzen kannst.
Im Video siehst du den gesamten Ablauf eines Theme Updates direkt im Shopify-Adminbereich – inklusive der Stellen, an denen Fehler besonders leicht passieren. Der folgende Text erklärt die einzelnen Schritte so, dass du auch ohne Video weißt, was zu tun ist.
Warum ein Theme Update riskant sein kann
Shopify-Themes werden regelmäßig aktualisiert. Theme-Entwickler beheben Fehler, passen Code an neue Shopify-Features an oder verbessern die Performance. Klingt gut – aber ein Update ist kein harmloser Klick. Das Problem: Shopify überschreibt beim Update die Theme-Dateien. Hast du direkt im Code des aktiven Themes Änderungen vorgenommen, sind die danach weg.
Betroffen sind vor allem Shops, in denen jemand direkt in Liquid-Dateien eingegriffen hat – sei es für individuelle Designs, Tracking-Codes oder Funktionen, die sich nicht über den Theme-Editor abbilden ließen. Wer ausschließlich über den Theme-Editor gearbeitet hat, ist in der Regel auf der sicheren Seite. Aber sicher ist sicher: Prüfen lohnt sich immer.
Vor dem Update: Was du unbedingt prüfen solltest
Bevor du auf "Aktualisieren" klickst, gibt es einige Dinge zu klären. Dieser Schritt kostet fünf Minuten und kann dir Stunden an Fehlersuche ersparen.
Hast du Code-Änderungen im Theme vorgenommen?
Geh im Shopify-Adminbereich zu "Online-Shop" -> "Themes", klicke bei deinem aktiven Theme auf "Aktionen" und dann auf "Code bearbeiten". Schau dir die zuletzt geänderten Dateien an. Gibt es dort Anpassungen, die du oder eine Agentur vorgenommen haben? Dann notiere dir genau, welche Dateien betroffen sind und was geändert wurde.
Backup erstellen – immer
Shopify legt beim Update automatisch eine Kopie des alten Themes an – das ist der eingebaute Schutzmechanismus. Trotzdem empfiehlt es sich, vorher manuell eine Kopie zu erstellen. So hast du eine saubere Ausgangsbasis, auf die du jederzeit zurückgreifen kannst, ohne auf die automatische Sicherung angewiesen zu sein. Geh dazu bei deinem Theme auf "Aktionen" -> "Duplizieren".
Das Theme Update durchführen
Wenn ein Update verfügbar ist, zeigt Shopify das direkt in der Theme-Übersicht an. Du siehst dort einen Hinweis mit der aktuellen und der verfügbaren Version. Der eigentliche Update-Prozess ist schnell erklärt:
- Geh zu "Online-Shop" -> "Themes"
- Klicke beim betroffenen Theme auf den Update-Hinweis
- Lies die Änderungshinweise des Entwicklers, sofern vorhanden – dort steht oft, was sich im Code geändert hat
- Bestätige das Update
Shopify führt das Update durch und legt dabei automatisch eine Kopie des alten Themes an. Das aktualisierte Theme ist zunächst nicht live – es ersetzt nur die nicht-aktive Version. Du kannst es also erst testen, bevor du es aktivierst. Wichtig: Falls du dein aktives Theme aktualisierst, gilt das Gleiche – Shopify erstellt eine Sicherungskopie, aber das Update wird sofort auf die Dateien angewendet.
Nach dem Update: Was du kontrollieren musst
Das Update ist durch – jetzt beginnt die eigentliche Arbeit. Öffne die Vorschau des aktualisierten Themes und gehe systematisch durch deinen Shop. Folgende Bereiche solltest du dabei immer prüfen:
- Startseite: Layout, Banner, Collections
- Produktseiten: Darstellung, Varianten-Auswahl, Buttons
- Warenkorb und Checkout-Einstieg
- Navigation und Footer
- Mobile Ansicht – unbedingt auf dem Smartphone testen
- individuelle Codeänderungen: Sind sie noch vorhanden?
Wenn du vorher Code-Änderungen dokumentiert hast, ist das jetzt deine Checkliste. Vergleiche die Dateien des aktualisierten Themes mit deinen Notizen und trage fehlende Anpassungen manuell nach. Dabei hilft es, die Sicherungskopie des alten Themes parallel im Code-Editor geöffnet zu haben.
Code-Änderungen zurückübertragen: So gehst du vor
Das ist der technisch anspruchsvollste Teil eines Theme Updates. Wenn das Update Dateien verändert hat, die du vorher angepasst hattest, musst du deine Änderungen in den neuen Code integrieren – nicht einfach drüberkopieren. Blindes Kopieren kann dazu führen, dass neue Funktionen des Updates nicht funktionieren oder Fehler entstehen.
Das Video zeigt an einem konkreten Beispiel, wie ein solcher Abgleich im Code-Editor aussieht – besonders dort, wo es um Liquid-Snippets geht, lässt sich der Unterschied zwischen alt und neu am besten visuell nachvollziehen.
Grundsätzlich gilt: Öffne die betroffene Datei im aktualisierten Theme und die entsprechende Datei in der Sicherungskopie nebeneinander. Suche gezielt nach deinen ehemaligen Änderungen und füge sie an der richtigen Stelle im neuen Code ein. Teste danach sofort in der Vorschau, ob alles wie erwartet funktioniert.
Häufige Fehler beim Shopify Theme Update
- Kein Backup vor dem Update: Shopify erstellt zwar eine automatische Kopie, aber eine eigene Sicherung gibt dir mehr Kontrolle.
- Code-Änderungen nicht dokumentiert: Wer nicht weiß, was geändert wurde, kann es nach dem Update nicht wiederherstellen.
- Alten Code einfach drüberkopieren: Das überschreibt unter Umständen wichtige Verbesserungen aus dem Update.
- Kein Test vor dem Aktivieren: Das aktualisierte Theme immer erst in der Vorschau prüfen, bevor es live geht.
- Nur Desktop testen: Mobile-Darstellung verhält sich oft anders – unbedingt auf echten Geräten oder im Responsive-Modus prüfen.
Wann du besser Hilfe holst
Wenn dein Theme stark individualisiert wurde – durch eine Agentur, durch viele manuelle Code-Eingriffe oder durch tief integrierte Apps – dann ist ein Theme Update kein Ein-Personen-Job. In solchen Fällen lohnt es sich, jemanden mit Shopify-Liquid-Erfahrung hinzuzuziehen, der den Abgleich zwischen altem und neuem Code sauber durchführt.
Gleiches gilt, wenn du dir bei bestimmten Code-Stellen nicht sicher bist, ob eine Änderung funktional oder rein kosmetisch war. Im Zweifel lieber einmal mehr nachfragen, als live einen Fehler zu riskieren, der die Conversion Rate beeinträchtigt.
Theme Updates regelmäßig einplanen
Ein Theme Update sollte kein Ereignis sein, das dich überrascht. Sinnvoller ist es, Updates regelmäßig zu prüfen – etwa monatlich – und sie dann bewusst und vorbereitet durchzuführen. Je länger du wartest, desto größer wird der Abstand zwischen deiner aktuellen Version und der aktuellen Theme-Version, und desto aufwändiger wird der Abgleich.
Außerdem gilt: Je weniger direkte Code-Eingriffe du in deinem Theme vornimmst, desto einfacher werden künftige Updates. Wo immer möglich, solltest du Theme-Einstellungen über den Editor nutzen oder auf App-Blöcke setzen, die unabhängig vom Theme-Code funktionieren.
Der richtige Ablauf auf einen Blick
- Code-Änderungen im aktuellen Theme dokumentieren
- Manuelle Kopie des Themes anlegen ("Duplizieren")
- Update über die Theme-Übersicht durchführen
- Aktualisiertes Theme in der Vorschau testen
- Fehlende Code-Änderungen gezielt zurückübertragen
- Desktop und Mobile prüfen, dann live schalten
Ein Shopify Theme Update klingt harmlos, bis du merkst, dass deine mühsam eingerichteten Anpassungen danach weg sind. Das passiert schneller als gedacht, wenn du den Prozess nicht kennst. Dieser Beitrag zeigt dir, wie du ein Theme-Update sicher durchführst, was du vorher prüfen musst und warum der richtige Umgang mit Theme-Kopien entscheidend ist.
Im Video siehst du den gesamten Ablauf direkt im Shopify-Adminbereich, von der Updatebenachrichtigung bis zur fertigen aktiven Version. Die folgenden Abschnitte erklären die einzelnen Schritte so, dass du sie auch ohne das Video sicher umsetzen kannst.
Warum Theme-Updates überhaupt wichtig sind
Theme-Entwickler, darunter auch Shopify selbst für kostenlose Themes wie Dawn, veröffentlichen regelmäßig Updates. Diese beheben Fehler, verbessern die Performance, passen das Theme an neue Shopify-Features an und schließen gelegentlich Sicherheitslücken. Wer sein Theme dauerhaft auf einem alten Stand lässt, verliert nicht nur Zugang zu neuen Funktionen, sondern riskiert auch, dass bestimmte Shopify-Features nicht korrekt funktionieren.
Das eigentliche Problem ist nicht das Update selbst, sondern der Konflikt zwischen der neuen Theme-Version und den Änderungen, die du im alten Theme vorgenommen hast. Shopify unterscheidet dabei zwischen zwei Arten von Anpassungen: solche, die du über den Theme-Editor (Einstellungen, Blöcke, Sektionen) vorgenommen hast, und solche, bei denen du direkt im Code gearbeitet hast.
Editor-Anpassungen vs. Code-Anpassungen: der entscheidende Unterschied
Bevor du ein Update angehst, musst du wissen, was du überhaupt angepasst hast. Das bestimmt, wie aufwändig der Prozess wird.
Anpassungen über den Theme-Editor
Alles, was du über Online-Shop -> Themes -> Anpassen eingestellt hast, gilt als Editor-Anpassung. Dazu gehören Farben, Schriften, Abstände, Bilder, Texte in Sektionen, die Reihenfolge von Blöcken und so weiter. Diese Einstellungen werden in einer separaten Konfigurationsdatei (settings_data.json) gespeichert und sind nicht direkt Teil des Theme-Codes. Bei einem Update über den offiziellen Shopify-Prozess bleiben diese Einstellungen in der Regel erhalten, weil Shopify sie aus der alten Version übernimmt.
Direkte Code-Anpassungen
Wenn du oder ein Entwickler Liquid-Dateien, CSS oder JavaScript direkt im Code-Editor bearbeitet haben, ist die Lage komplizierter. Diese Änderungen stecken in den Theme-Dateien selbst. Ein Update ersetzt diese Dateien mit der neuen Version des Theme-Entwicklers. Deine Änderungen sind dann überschrieben, es sei denn, du trägst sie manuell in die neue Version ein. Das ist der häufigste Grund, warum Theme-Updates schieflaufen.
Vorbereitung: Was du vor dem Update erledigen musst
Ein Theme-Update ohne Vorbereitung ist ein Risiko, das sich leicht vermeiden lässt. Geh diese Punkte durch, bevor du auf "Aktualisieren" klickst.
- Erstelle eine Kopie deines aktuellen Themes. Gehe zu Online-Shop -> Themes, klicke beim aktiven Theme auf die drei Punkte und wähle "Duplizieren". Diese Kopie ist dein Fallback.
- Dokumentiere alle Code-Anpassungen. Öffne den Code-Editor und halte fest, welche Dateien du geändert hast und was genau geändert wurde. Screenshots oder ein einfaches Textdokument reichen.
- Prüfe das Changelog des Theme-Entwicklers. Viele Entwickler dokumentieren, was sich in einer neuen Version geändert hat. Das gibt dir einen Hinweis darauf, ob Dateien betroffen sind, die du angepasst hast.
- Plane das Update zu einem Zeitpunkt mit wenig Traffic. Auch wenn du alles richtig machst, braucht das Übertragen und Testen Zeit.
Das Update durchführen: Schritt für Schritt
Shopify zeigt dir im Bereich Online-Shop -> Themes eine Benachrichtigung, wenn für ein Theme eine neue Version verfügbar ist. Der Update-Button erscheint direkt beim Theme. Für kostenlose Themes aus dem Shopify Theme Store läuft das Update über diesen Mechanismus. Bei gekauften Drittanbieter-Themes ist der Prozess manchmal anders, dazu weiter unten mehr.
Wenn du auf "Aktualisieren" klickst, erstellt Shopify eine neue Theme-Version in deiner Theme-Bibliothek. Diese neue Version ist zunächst nicht aktiv. Du kannst sie in Ruhe prüfen und anpassen, bevor du sie live schaltest. Das ist der entscheidende Vorteil des Shopify-Prozesses: Dein Shop läuft die ganze Zeit mit dem alten Theme weiter.
Die neue Version prüfen und anpassen
Öffne die neue Theme-Version über "Anpassen" oder den Vorschau-Modus. Vergleiche sie mit deinem alten Theme und prüfe, ob Editor-Einstellungen korrekt übernommen wurden. Meistens ist das der Fall, aber gelegentlich fehlen einzelne Abschnitte oder Einstellungen, wenn der Theme-Entwickler Sektionen umgebaut hat.
Hattest du Code-Anpassungen, musst du diese jetzt in die neue Theme-Version übertragen. Öffne dafür den Code-Editor der neuen Version (drei Punkte -> Code bearbeiten) und trage deine Änderungen ein. Vergleiche dabei die alte und die neue Dateiversion sorgfältig, denn der Kontext im Code kann sich verändert haben. Wer hier unsauber arbeitet, baut neue Fehler ein.
Testen vor dem Aktivieren
Bevor du das aktualisierte Theme aktivierst, solltest du es gründlich testen. Nutze die Vorschau-Funktion in Shopify, um das Theme so zu sehen, wie Besucher:innen es erleben würden. Das reicht aber nicht immer aus, weil die Vorschau manche Interaktionen nicht vollständig abbildet.
Gehe diese Punkte systematisch durch, bevor das Theme live geht:
- Startseite, Kollektionsseiten und Produktseiten im Vorschaumodus aufrufen und auf Layout-Fehler prüfen
- Navigation und Footer auf Vollständigkeit prüfen
- Mobil-Ansicht kontrollieren, am besten auf einem echten Gerät
- Einen Testkauf durchführen und den Checkout vollständig durchlaufen
