Tutorials

Shopify Theme aktualisieren ohne Datenverlust: Der ultimative Guide 2025

Melden

Hier ist ein umfassendes Tutorial, wie du dein Shopify-Theme im Jahr 2025 aktualisierst, ohne deine individuellen Anpassungen, Einstellungen oder Inhalte zu verlieren.

Ein Theme-Update bringt oft schnellere Ladezeiten, neue Funktionen und wichtige Sicherheits-Fixes. Doch viele Shop-Betreiber haben Angst, dass ihr Design oder ihre mühsam erstellten Anpassungen dabei verloren gehen.

In diesem Guide zeigen wir dir Schritt für Schritt, wie du sicher auf die neueste Version wechselst.

Schritt 1: Das Sicherheitsnetz (Backup erstellen)

Bevor du irgendetwas änderst, musst du dein aktuelles Theme sichern. Falls etwas schiefgeht, kannst du so innerhalb von Sekunden zum alten Stand zurückkehren.

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.
  2. Klicke bei deinem aktuellen Theme auf die drei Punkte (Aktionen).
  3. Wähle Duplizieren.
  4. Shopify erstellt nun eine Kopie („Copy of...“). Dies ist deine Sicherheitskopie.

Schritt 2: Prüfen, ob ein Update verfügbar ist

Shopify hat den Update-Prozess in den letzten Jahren stark vereinfacht.

  1. Schaue in deiner Theme-Bibliothek unter dein aktuelles Theme.
  2. Wenn eine neue Version verfügbar ist, erscheint ein kleiner blauer Hinweis: „Update verfügbar“.
  3. Klicke auf den Hinweis, um die Versionshinweise zu lesen (was ist neu?).

Schritt 3: Die zwei Arten des Updates

Methode A: Das automatisierte Shopify-Update (Der einfache Weg)

Seit Online Store 2.0 können viele Themes automatisch aktualisiert werden, wenn du keine größeren Code-Änderungen vorgenommen hast.

  1. Klicke auf den blauen Button „Hinzufügen zur Theme-Bibliothek“ beim Update-Hinweis.
  2. Shopify versucht nun, deine Einstellungen (Farben, Schriften, Abschnitte) automatisch in die neue Version zu kopieren.
  3. Das neue Theme erscheint als Entwurf in deiner Bibliothek. Dein Live-Shop bleibt unverändert.

Methode B: Das manuelle Update (Wenn du eigenen Code nutzt)

Falls du tiefgreifende Änderungen am Liquid-Code vorgenommen hast, funktioniert die Automatik oft nicht.

  1. Lade die neueste Version deines Themes aus dem Shopify Theme Store herunter.
  2. Installiere es als frisches, leeres Theme.
  3. Jetzt musst du deine Anpassungen übertragen (siehe Schritt 4).

Schritt 4: Anpassungen und Content übertragen

1. Der Theme-Editor (Inhalte)

Wenn du Methode A genutzt hast, sind die meisten Abschnitte (Sections) und Einstellungen bereits da. Prüfe im Customizer:

  • Sind alle Bilder richtig platziert?
  • Stimmen die Schriftarten?
  • Funktionieren die Verlinkungen?

2. Apps migrieren

Die meisten modernen Apps nutzen App-Einbettungen (App Embeds).

  • Gehe im neuen Theme auf Theme-Einstellungen > App-Einbettungen.
  • Aktiviere dort deine installierten Apps (z.B. Bewertungen, Filter, Chatbots).

3. Manueller Code (CSS/Liquid)

Hast du benutzerdefinierten Code in der theme.liquid oder in CSS-Dateien hinzugefügt?

  • Öffne den Code-Editor des alten Themes und des neuen Themes in zwei Browser-Tabs.
  • Kopiere deine individuellen CSS-Klassen (meist in base.css oder custom.css) in die neue Datei.
  • Tipp: Nutze Tools wie Diffchecker, um Code-Unterschiede schnell zu finden.

Schritt 5: Testen (Die Checkliste)

Bevor du das neue Theme live schaltest, klicke beim neuen Theme-Entwurf auf Vorschau und prüfe folgendes:

  • [ ] Mobile Ansicht: Sieht alles auf dem Smartphone gut aus?
  • [ ] Warenkorb: Funktioniert der Checkout-Prozess?
  • [ ] Produktseiten: Werden Varianten und Preise korrekt angezeigt?
  • [ ] Ladezeit: Ist das neue Theme spürbar schneller? (Nutze Tools wie PageSpeed Insights).

Schritt 6: Veröffentlichen

Wenn alles perfekt aussieht:

  1. Gehe zurück zur Theme-Bibliothek.
  2. Klicke beim neuen (aktualisierten) Theme auf Veröffentlichen.
  3. Dein Shop läuft nun auf der neuesten Version!

Profi-Tipps für 2025

  • Theme Updater Apps: Wenn du ein sehr komplexes Theme hast, können Apps wie der „Theme Updater & Backups“ von Out of the Sandbox den Prozess automatisieren.
  • Dokumentation: Führe ein kleines Protokoll über Code-Änderungen, die du machst. So weißt du beim nächsten Update in 2026 sofort, was du kopieren musst.
  • Custom CSS Feld: Nutze seit 2024 verstärkt das Feld „Benutzerdefiniertes CSS“ direkt in den Theme-Abschnitten im Editor. Dieser Code wird bei Updates oft leichter mitgenommen als Änderungen in der base.css.

Fazit: Dank Shopify Online Store 2.0 ist das Updaten im Jahr 2025 so sicher wie nie zuvor. Solange du ein Backup hast und im Entwurfsmodus testest, kann deinem Live-Shop nichts passieren!

0