Theme-Code bearbeiten

Diese Seite wurde gedruckt um Nov 14, 2022. Die neueste Version findest du unter https://help.shopify.com/de/manual/online-store/themes/theme-structure/extend/edit-theme-code.

Du kannst deinen Theme-Code bearbeiten, um detaillierte Änderungen an deinem Onlineshop vorzunehmen. Die meisten Dateien, aus denen sich ein Theme zusammensetzt, enthaltenLiquid, die Vorlagensprache von Shopify. Theme-Dateien enthalten auch HTML, CSS, JSON und JavaScript. Bearbeite den Code für ein Theme nur, wenn du dich mit HTML und CSS auskennst und über ein grundlegendes Verständnis von Liquid verfügst.

Wenn du den Code deines Themes bearbeitest, kann er eventuell nicht mehr automatisch aktualisiert werden. Du solltest deinen Theme-Code nur bearbeiten, wenn du die erforderlichen Änderungen nicht anhand einer HTML- oder Liquid-Einstellung oder mit der Shopify-App vornehmen kannst.

Bevor du dein Theme anpasst

Bevor du dein Theme anpasst, solltest du die folgenden Aufgaben ausführen:

  • Dupliziere dein Themezum Erstellen einer Sicherungskopie. Dies macht es einfach, deine Änderungen zu verwerfen und bei Bedarf erneut zu starten.
  • Überprüfe vorab, welchesSupport-Levelzur Verfügung steht.
  • Erfahre mehr über die Anforderungen und Best Practices für dasHochladen von Bildern.

Bearbeite deinen Theme-Code

Du kannst den Code für dein Theme bearbeiten.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich aufOnlineshop>Themes.
  1. Tippe in derShopify AppaufShop.
  2. Tippe unterVertriebskanäleaufOnlineshop.
  3. Tippe aufThemes verwalten.
  1. Tippe in derShopify AppaufShop.
  2. Tippe unterVertriebskanäleaufOnlineshop.
  3. Tippe aufThemes verwalten.
  1. Klicke aufAktionen>Code bearbeiten.

Der Code-Editor zeigt auf der linken Seite ein Verzeichnis der Theme-Dateien und auf der rechten Seite einen Bereich zum Anzeigen und Bearbeiten der Dateien an.

Du kannst den Code-Editor auf volle Bildschirmgröße erweitern, indem du auf das Erweiterungssymbol klickst.

Das Erweiterungssymbol

Du kannst die Seite auf die normale Größe zurücksetzen, indem du auf das Verkleinerungssymbol klickst:

Das Verkleinerungssymbol

Wenn du auf eine Datei im Verzeichnis auf der linken Seite klickst, wird sie im Code-Editor geöffnet. Du kannst mehrere Dateien gleichzeitig öffnen und bearbeiten. Alle Dateien, die du änderst, werden mit einem Punkt neben dem Dateinamen gekennzeichnet:

Das Verzeichnis der Theme-Dateien mit einem violetten Punkt neben den geänderten Dateien

Damit kannst du besser verfolgen, wo du Änderungen vorgenommen hast.

Auf eine ältere Version deines Themes umstellen

Wenn du Theme-Dateien geändert hast und die Änderungen rückgängig machen möchtest, kannst du die einzelnen.liquid-Dateien durch die Eingabe des Zeitpunkts vor den Änderungen zurücksetzen.

  1. Gehe in deinem Shopify-Adminbereich aufOnlineshop>Themes.

  2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche..., um das Aktionsmenü zu öffnen, und klicke dann aufCode bearbeiten.

  1. Tippe in derShopify AppaufShop.

  2. Tippe unterVertriebskanäleaufOnlineshop.

  3. Tippe aufThemes verwalten.

  4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche..., um das Aktionsmenü zu öffnen, und klicke dann aufCode bearbeiten.

  1. Tippe in derShopify AppaufShop.

  2. Tippe unterVertriebskanäleaufOnlineshop.

  3. Tippe aufThemes verwalten.

  4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche..., um das Aktionsmenü zu öffnen, und klicke dann aufCode bearbeiten.

  1. Klicke unter dem HeaderVorlagenauf eine der .liquid-Dateien, die du kürzlich bearbeitet hast.

  2. Klicke neben民主党Dateinamen.liquidaufÄltere Versionen.

  3. Klicke auf das Dropdown-Menü, um eine ältere Version auszuwählen. Wenn du auf einen Datumsstempel klickst, wird der Code auf diese gespeicherte Version zurückgesetzt.

  4. Optional: Klicke aufVorschauund überprüfe, ob der Fehler behoben wurde.

Tutorials zur Anpassung von Theme-Code

Die Tutorials zur Anpassung von Theme-Code unterstützen dich bei der Durchführung von Änderungen an deinem Onlineshop. Die Tutorials sind nach dem Typ der Seite oder Funktion organisiert, die sie ändern.

Tutorials für die Theme-Anpassung sind nach der Version der verwendeten Theme-Architektur aufgeteilt.Erfahre, wie du deine Theme-Architekturversion identifizieren kannst.

帮助贝Anpassungen erhalten

Wenn du Hilfe bei der Änderung deines Themes benötigst, kannst duden Entwickler deines Themes kontaktieren, um Unterstützung zu erhalten.

Informationen zu anderen Ressourcen, die dir bei der Anpassung von Themes zur Verfügung stehen, findest du unterZusätzliche Ressourcen für Support mit Themes.

Bereit, mit Shopify zu verkaufen?

Kostenlos testen