Tutorial

Shopify Page Template Sections exportieren & importieren [2025 Easy Guide]

Melden

Hier ist ein umfassendes Tutorial, wie du Shopify-Sektionen und Seitenvorlagen im Jahr 2025 exportierst und importierst.

In der modernen Shopify-Welt (Online Store 2.0) sind Sektionen die Bausteine deines Shops. Vielleicht möchtest du ein spezielles Design von einem Shop in einen anderen übertragen oder eine Vorlage sichern. Da Shopify keinen direkten "Export"-Button für einzelne Sektionen hat, nutzen wir den effizientesten Weg über den Code und JSON-Dateien.

Inhaltsverzeichnis

  1. Voraussetzungen
  2. Methode 1: Manuelles Kopieren der Sektions-Datei (Das Design)
  3. Methode 2: Kopieren der Template-Daten (Der Inhalt)
  4. Methode 3: Export via App (Die schnellste Lösung)
  5. Wichtige Hinweise für 2025

1. Voraussetzungen

  • Zugriff auf das Shopify-Admin-Backend beider Shops.
  • Beide Themes sollten Online Store 2.0 kompatibel sein (Standard seit 2022/23).
  • Ein grundlegendes Verständnis dafür, wo sich der Code-Editor befindet.

2. Methode 1: Manuelles Kopieren der Sektions-Datei (Das Design)

Diese Methode überträgt das "Gerüst" der Sektion (wie sie aussieht und welche Funktionen sie hat).

Schritt 1: Exportieren (Quell-Shop)

  1. Gehe zu Onlineshop > Themes.
  2. Klicke bei deinem aktuellen Theme auf die drei Punkte (...) > Code bearbeiten.
  3. Suche im Ordner Sections nach der Datei (z.B. image-with-text-custom.liquid).
  4. Öffne die Datei, klicke hinein, drücke Strg+A (Alles markieren) und Strg+C (Kopieren).

Schritt 2: Importieren (Ziel-Shop)

  1. Gehe im Ziel-Shop zu Onlineshop > Themes > Code bearbeiten.
  2. Klicke unter Sections auf "Neue Sektion hinzufügen".
  3. Gib ihr exakt den gleichen Namen wie im Quell-Shop.
  4. Lösche den Standard-Code in der neuen Datei und füge deinen kopierten Code mit Strg+V ein.
  5. Klicke auf Speichern.

3. Methode 2: Kopieren der Template-Daten (Der Inhalt)

Wenn du nicht nur das Design, sondern auch die Texte und Bilder einer kompletten Seite (z.B. eine Landingpage) übertragen willst, musst du die JSON-Datei kopieren.

  1. Quell-Shop: Gehe zu Code bearbeiten > Templates.
  2. Suche die entsprechende JSON-Datei (z.B. index.json für die Startseite oder page.about.json).
  3. Kopiere den gesamten Inhalt der Datei.
  4. Ziel-Shop: Erstelle unter Templates eine neue Vorlage (z.B. Typ: Page, Name: landingpage).
  5. Ersetze den Inhalt der neuen Datei durch den kopierten Code.
    • Achtung: Wenn die Sektionen in der JSON-Datei auf Dateien verweisen, die im Ziel-Shop noch nicht existieren (siehe Methode 1), wird eine Fehlermeldung erscheinen. Du musst also erst die Sektions-Dateien übertragen!

4. Methode 3: Export via App (Die schnellste Lösung)

Für Nutzer, die nicht im Code arbeiten möchten oder viele Sektionen gleichzeitig übertragen müssen, gibt es spezialisierte Apps.

  • ExIm (Export/Import): Eine der beliebtesten kostenlosen/günstigen Apps, um gezielt Seiten-Layouts zu klonen.
  • Matrixify: Ideal, wenn du ganze Shop-Strukturen inkl. Content exportieren willst.
  • Theme Copy Apps: Es gibt diverse "Theme Mover" Apps im Shopify App Store, die Sektionen per Drag-and-Drop übertragen.

5. Wichtige Hinweise für 2025

  • Bilder-Assets: Wenn du eine Sektion exportierst, werden die Bilder oft nicht mit übertragen, da sie in der Datei-Bibliothek des alten Shops liegen. Du musst die Bilder im Ziel-Shop unter Content > Dateien neu hochladen und in der Sektion neu auswählen.
  • CSS/Assets: Prüfe, ob die Sektion auf Dateien im Ordner Assets zugreift (z.B. custom-style.css). Falls ja, musst du diese Dateien ebenfalls kopieren.
  • Schema-Settings: Achte darauf, dass die Einstellungen im Customizer nach dem Import zurückgesetzt sein könnten. Du musst die Sektion im Theme-Editor des Ziel-Shops einmal öffnen und ggf. Farben oder Abstände neu einstellen.

Fazit

Der einfachste Weg im Jahr 2025 ohne App ist das Kopieren der .liquid-Datei im Sections-Ordner. Wenn du ein komplettes Seitenlayout inkl. Inhalten übertragen willst, ist der Weg über die JSON-Templates der Profi-Standard.

Tipp: Erstelle immer ein Backup deines Themes (Theme duplizieren), bevor du Änderungen am Code vornimmst!

0