Zurück zum Blog Desarrollo Shopify

Abschnitte und Blöcke in Shopify kopieren: So können Sie Designs wiederverwenden

In Shopify können Sie Teile des Designs mithilfe der im Theme-Editor verfügbaren Duplizierungs- und Kopieroptionen wiederverwenden. Der Umfang hängt vom Theme, der Version und dem Blocktyp ab. Bevor Sie eine Komposition kopieren, prüfen Sie, ob Sie diese auf einer Seite wiederholen, eine weitere Vorlage erstellen oder dieselben Komponenten mit anderen Daten anzeigen möchten.
Copiar secciones y bloques en Shopify: cómo reutilizar diseños

In Shopify kannst du einen Teil des Designs mithilfe der Duplizieren- und Kopieroptionen im Theme-Editor wiederverwenden. Der Umfang hängt vom Theme, der Version und dem Blocktyp ab. Bevor du eine Zusammenstellung kopierst, prüfe, ob du sie auf einer Seite wiederholen, ein anderes Template erstellen oder dieselben Komponenten mit anderen Daten anzeigen möchtest.

Diese Unterscheidung vermeidet einen häufigen Fehler: ein gemeinsames Template zu ändern, in der Annahme, nur ein Produkt zu bearbeiten. Bei der richtigen Wiederverwendung geht es nicht nur darum, Klicks zu sparen, sondern auch darum, einen Shop zu pflegen, den das Team ohne Überraschungen bearbeiten kann.

Abschnitt, Block und Template: Was du kopierst

Ein Abschnitt organisiert einen Teil der Seite; darin können Text-, Bild-, Button-Blöcke oder andere Komponenten enthalten sein. Das Template bestimmt, welche Abschnitte eine Ansicht wie eine Produktseite oder eine Seite bilden. Das Theme legt die kompatiblen Optionen fest. Shopify erklärt diese Struktur in seiner Dokumentation zu Abschnitten und Blöcken.

Was du tun möchtest Was du prüfen solltest
Einen Block innerhalb einer Zusammenstellung wiederholen Ob Duplizieren unterstützt wird und wie viele Blöcke dieser Abschnitt zulässt.
Einen Block in einem anderen Abschnitt wiederverwenden Ob der Zielort diesen Blocktyp und seine Einstellungen akzeptiert.
Eine Seite mit einer anderen Struktur erstellen Ob du ein neues Template benötigst und es den entsprechenden Produkten zuweisen musst.
Unterschiedliche Daten mit demselben Design anzeigen Ob Metacampos oder Ressourcen angebunden werden können, anstatt Templates zu duplizieren.

Zwei Themes können sehr unterschiedliche Optionen mit ähnlichen Namen anbieten. Wenn keine Kopieroption angezeigt wird, prüfe die Kompatibilität, bevor du nach Code suchst, um sie zu erzwingen. Ein nur für einen Abschnitt entwickelter Block wird nicht automatisch zu einer universellen Komponente.

So duplizierst du, ohne den Kontext zu verlieren

  1. Öffne das Theme, das du bearbeiten möchtest, und prüfe, ob es veröffentlicht ist oder eine Kopie darstellt.
  2. Wähle in der Vorschau das richtige Template und die richtige Ressource aus.
  3. Suche den Abschnitt oder Block und prüfe die Aktionen seines Menüs.
  4. Dupliziere oder kopiere nur das, was du benötigst, und prüfe das Ergebnis am Zielort.
  5. Ändere Texte, Bilder, Links und Verbindungen, die unterschiedlich sein müssen.
  6. Prüfe die gesamte Seite, bevor du speicherst.

Wenn du ein Redesign ausprobieren möchtest, arbeite an einer Kopie des Themes. Der Shopify-Leitfaden zur Theme-Anpassung empfiehlt, vor der Anpassung eine Kopie als Backup zu erstellen. Diese Kopie macht andere Daten im Adminbereich nicht unabhängig: Produkte und Seiten bleiben Ressourcen des Shops.

Demonstration der Wiederverwendung im Theme-Editor. Die Menüs und verfügbaren Optionen können je nach Theme und dessen Version variieren.

Eine Kopie ist nicht zwangsläufig eine synchronisierte Komponente

Gehe nicht davon aus, dass die Bearbeitung der ursprünglichen Zusammenstellung alle Kopien aktualisiert oder dass die Änderung einer Kopie immer eine isolierte Änderung ist. Prüfe, was tatsächlich dupliziert wurde: eigene Einstellungen, ein gemeinsames Template, eine ausgewählte Ressource oder eine Datenverbindung. Jede davon hat einen anderen Umfang.

Beispielsweise können zwei Blöcke auf dasselbe Bild oder dasselbe Produkt verweisen. Die Auswahl eines Blocks zu ändern und die ursprüngliche Ressource zu bearbeiten, sind unterschiedliche Aktionen. Bevor du den Inhalt einer Kampagne ersetzt, prüfe, welche anderen Seiten diese Quelle verwenden.

Bei vielen Seiten solltest du dynamische Daten in Betracht ziehen

Wenn jedes Produkt eigene Materialien, Anweisungen oder eine eigene Maßtabelle benötigt, führt die Erstellung eines Templates für jedes davon meist zu einem komplizierteren Wartungsaufwand. Wenn das Theme dies zulässt, verbinde diese Inhalte mit Metacampos oder Metaobjekten. So behältst du die Struktur bei und lässt das Produkt seine Daten bereitstellen.

Diese Option erfordert eine klare Definition: Welches Feld wird ausgefüllt, was passiert, wenn es leer ist, und wer pflegt es? Die technische Verbindung ersetzt nicht die Arbeit, nützliche Inhalte hochzuladen. Teste ein vollständiges Produkt und eines ohne diesen Datenbestand, bevor du die Option im gesamten Katalog verwendest.

Prüfe Mobilgeräte und Interaktionen, nicht nur die Zusammenstellung

Ein Abschnitt kann nach dem Kopieren gut aussehen und bei der Kombination mit einem anderen fehlschlagen: zu viel Platz, ein abgeschnittenes Bild, ein Button mit zu wenig Kontrast oder ein Video, das den Inhalt verschiebt. Prüfe Desktop und Mobilgerät mit Texten in realistischer Länge, nicht nur mit einer kurzen Testüberschrift.

  • Prüfe die Lesereihenfolge und die Überschriftenhierarchie der Seite.
  • Öffne alle Buttons und Links, um ihre Ziele zu prüfen.
  • Prüfe, ob Formulare und App-Komponenten weiterhin funktionieren.
  • Prüfe den Bildbeschnitt, die Videowiedergabe und das hinzugefügte Gewicht.
  • Bestätige, dass der kopierte Inhalt keine abgelaufenen Aktionen enthält.

Die Vorschau des Editors hilft, das Design zu durchlaufen, aber es ist ratsam, auch die vollständige Seite zu öffnen und das Verhalten zu testen. Die Rückgängig- und Wiederholfunktionen des Editors ersetzen kein Backup der bereits gespeicherten Änderungen.

Wann du statt des weiteren Kopierens eine neue Komponente anfordern solltest

Wenn das Team manuelle Einstellungen wiederholt, mehrere fast identische Versionen benötigt oder für jede Kampagne auf die Entwicklung angewiesen ist, fehlt möglicherweise ein gut vorbereiteter Abschnitt. Definiere, was das Marketing bearbeiten können muss und welche Einschränkungen das Design schützen: Proportionen, Farben, Ziele, Pflichtfelder und das Verhalten auf Mobilgeräten.

Ein guter Abschnitt reduziert zukünftigen Aufwand, weil er den Stil beibehält und echten Inhalt zulässt. Wenn du die Theme-Struktur vor der Vervielfältigung von Templates überprüfen möchtest, kannst du dich auf eine Shopify-Beratung stützen. Die Entscheidung wird nützlicher sein, wenn sie auf den Seiten basiert, die das Team jeden Monat veröffentlichen muss.

Um weiter an deinem Shop zu arbeiten

Quellen und Überprüfung

Redaktionelle Überprüfung: Team von Migraciones.io · 30. Oktober 2026. Die kostenpflichtigen Funktionen und ihre Verfügbarkeit müssen für den konkreten Shop, das Land und den Tarif geprüft werden.