Tutorial

Shopify Sektionen kopieren & einfügen: Der ultimative Guide [2025 Easy Guide]

Melden

Hier ist ein umfassendes Tutorial, wie du Shopify-Sektionen im Jahr 2025 effizient kopieren und auf anderen Seiten oder in anderen Themes wiederverwenden kannst.

Egal, ob du eine mühsam gestaltete Sektion von deiner Startseite auf eine Unterseite kopieren oder ein komplettes Design-Element in ein neues Theme übertragen möchtest – in diesem Guide erfährst du, wie es in wenigen Schritten funktioniert.

Methode 1: Sektionen kopieren innerhalb desselben Themes (Der einfachste Weg)

Seit den neuesten Shopify-Updates (OS 2.0) ist es extrem einfach geworden, Sektionen innerhalb eines Themes zu duplizieren.

Schritt 1: Den Theme-Editor öffnen

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.
  2. Klicke bei deinem aktuellen Theme auf Anpassen (Customize).

Schritt 2: Sektion kopieren

  1. Suche in der linken Seitenleiste die Sektion, die du kopieren möchtest.
  2. Klicke mit der rechten Maustaste auf den Namen der Sektion (oder klicke auf die drei Punkte ... daneben).
  3. Wähle im Menü Kopieren (Copy).

Schritt 3: Sektion auf einer anderen Seite einfügen

  1. Navigiere über das Dropdown-Menü oben im Editor zu der Seite, auf der du die Sektion haben möchtest (z. B. eine Produktseite oder die "Über uns"-Seite).
  2. Klicke in der linken Seitenleiste ganz unten auf Sektion hinzufügen.
  3. Drücke Strg + V (Windows) oder Cmd + V (Mac) oder klicke erneut mit der rechten Maustaste und wähle Einfügen (Paste).

Methode 2: Sektionen in ein anderes Theme kopieren (Code-Methode)

Wenn du eine Sektion von einem alten Theme in ein neues Theme übertragen möchtest, reicht die "Kopieren & Einfügen"-Funktion im Editor oft nicht aus, da die zugrunde liegende Liquid-Datei fehlen könnte.

Schritt 1: Die Liquid-Datei kopieren

  1. Gehe zu Onlineshop > Themes.
  2. Klicke beim Quell-Theme auf die drei Punkte ... > Code bearbeiten.
  3. Suche im Ordner Sections nach der entsprechenden Datei (z.B. image-with-text.liquid).
  4. Kopiere den gesamten Code dieser Datei.
  5. Gehe zum Ziel-Theme > Code bearbeiten > Neue Sektion hinzufügen unter dem Ordner "Sections". Gib ihr denselben Namen und füge den Code ein.

Schritt 2: Die Einstellungen (JSON) übertragen

Damit auch deine Texte und Bilder übernommen werden, musst du die JSON-Daten kopieren:

  1. Öffne im Quell-Theme unter Templates die entsprechende Seite (z. B. index.json für die Startseite).
  2. Suche im Code nach dem Namen deiner Sektion. Du findest dort einen Block, der mit einer ID beginnt (z.B. "1648...": { "type": "image-with-text", "settings": {...} }).
  3. Kopiere diesen gesamten Block.
  4. Öffne die entsprechende JSON-Datei im Ziel-Theme und füge den Block im Bereich "sections": { ... } ein.
  5. Wichtig: Achte darauf, dass die Kommas im JSON-Code korrekt gesetzt sind!

Methode 3: Sektionsgruppen nutzen (Header/Footer/Überall)

Für Elemente, die auf jeder Seite erscheinen sollen (wie Newsletter-Anmeldungen oder Ankündigungsleisten), nutzt Shopify 2025 verstärkt Sektionsgruppen.

  1. Im Theme-Editor siehst du Bereiche wie "Header", "Footer" oder "Custom Groups".
  2. Wenn du eine Sektion in eine dieser Gruppen ziehst, kannst du sie global verwalten.
  3. Du kannst nun Sektionsgruppen als separate JSON-Dateien exportieren und in anderen Themes importieren.

Profi-Tipps für 2025

  • Bilder-Check: Wenn du Sektionen per Code kopierst, werden die Bilder meist übernommen, sofern sie in deiner Shopify-Mediathek gespeichert sind. Falls ein Bild fehlt, musst du es im neuen Theme-Editor einfach kurz neu auswählen.
  • App-Alternative: Wenn dir der Code-Weg zu kompliziert ist, gibt es Apps wie "Section Store" oder "Design Packs", die es erlauben, vorgefertigte Sektionen per Klick in verschiedene Themes zu laden.
  • Achtung bei Metafeldern: Falls deine Sektion dynamische Daten aus Metafeldern zieht, stelle sicher, dass die Metafelder im neuen Shop/Theme identisch angelegt sind, sonst bleibt die Sektion leer.

Fazit

Innerhalb eines Themes ist Copy & Paste heute Standard. Für den Transfer zwischen Themes bleibt der Weg über den Sections-Ordner und die JSON-Templates der sauberste Weg.

Viel Erfolg beim Gestalten deines Shopify-Shops!

0