Theme-Code bearbeiten

Ausgewählte Links

1. Shopify-Partnerverzeichnis
2. Shopify-Dokumentation zur Theme-Struktur und zum Erweitern von Themes
3. Shopify-Entwicklerdokumentation zu Liquid
4. Shopify-Dokumentation zum Duplizieren von Themes
5. Shopify-Dokumentation zum Theme-Support
6. Shopify-Dokumentation zum Hochladen von Theme-Bildern
7. Shopify-Admin: Themes
8. Shopify-Dokumentation zu Theme-Versionen
9. Shopify-Dokumentation zum Anpassen von Themes
10. Shopify-Dokumentation dazu, wo Sie Theme-Support finden

Hilfreiche Videos

Shopify-Academy-Video: Ihren Store anpassen

Shopify-Academy-Video: Ihren Store anpassen

Align-Theme-Code bearbeiten

Durch das Bearbeiten von Code können Sie detaillierte Änderungen an Ihrem Align-Storefront in Shopify vornehmen. Theme-Dateien können Liquid, HTML, CSS, JSON und JavaScript enthalten.

Bearbeiten Sie Code nur, wenn Sie mit HTML und CSS vertraut sind und über grundlegende Kenntnisse in Liquid verfügen. Verwenden Sie den Align-Theme-Editor, wenn sich die gewünschte Änderung damit umsetzen lässt.

Achtung

Theme-Updates können Codeänderungen entfernen, die mit der aktualisierten Kopie nicht kompatibel sind. Erstellen Sie ein Backup, bevor Sie beginnen.

Wenn Sie Hilfe bei Align-spezifischen Fragen benötigen, wenden Sie sich zunächst an den Company XYZ-Support. Wenn Sie eine individuelle Funktion benötigen und keine Erfahrung mit HTML, CSS und JavaScript haben, kann der Company XYZ-Support Sie dabei unterstützen, den geeigneten nächsten Schritt zu bestimmen.

Vor dem Anpassen von Align

Führen Sie diese Schritte aus, bevor Sie Codeänderungen vornehmen:

1. Duplizieren Sie Ihr Theme, um ein Backup zu erstellen.

   Bei Bedarf können Sie Änderungen verwerfen und anhand dieser Kopie erneut beginnen.

2. Prüfen Sie den für Ihr Theme verfügbaren Supportumfang

3. Informieren Sie sich über die Anforderungen und Best Practices zum Hochladen von Bildern

Theme-Code bearbeiten

1. Gehen Sie in Ihrem Shopify-Admin zu Online Store > Themes

2. Suchen Sie die Align-Theme-Kopie, die Sie ändern möchten, klicken Sie auf … > Edit code.

3. Wählen Sie im Verzeichnis links eine Datei aus, um sie im Editor zu öffnen.

4. Nehmen Sie Ihre Änderungen vor. Sie können mehrere Dateien gleichzeitig öffnen und bearbeiten.

   Geänderte Dateien werden mit einem Punkt neben ihrem Namen angezeigt. So können Sie nachvollziehen, an welchen Stellen Sie Änderungen vorgenommen haben.

Eine ältere Theme-Version wiederherstellen

Wenn Sie eine Änderung rückgängig machen müssen, können Sie einzelne .liquid-Dateien auf eine früher gespeicherte Version zurücksetzen.

Dateien im Ordner Assets, einschließlich theme.scss.liquid und theme.js, speichern keine früheren bearbeiteten Versionen. Bewahren Sie eine separate Kopie der Änderungen an diesen Dateien auf, falls Sie sie möglicherweise wiederherstellen müssen.

1. Gehen Sie in Ihrem Shopify-Admin zu Online Store > Themes

2. Suchen Sie die Align-Theme-Kopie, die Sie bearbeiten möchten, klicken Sie auf …, um das Aktionsmenü zu öffnen, und wählen Sie anschließend Edit code aus.

3. Wählen Sie unter Templates eine kürzlich bearbeitete .liquid-Datei aus.

4. Wählen Sie unter dem Dateinamen Current version aus.

5. Wählen Sie über das Dropdown-Menü eine frühere Version aus.

   Durch die Auswahl eines Datumsstempels wird die entsprechende gespeicherte Version wiederhergestellt.

6. Optional: Wählen Sie Preview store aus, um zu bestätigen, dass das Problem behoben ist.

Theme Check verwenden

Theme Check gibt während der Codeeingabe sofortiges Feedback, sodass Sie Probleme erkennen können, bevor sie sich auf Ihr aktives Align-Storefront auswirken.

Es kann unter anderem folgende Probleme erkennen:

• Parser-blockierende Skripte, die ein Storefront verlangsamen können.
• Inkonsistenzen in Übersetzungsdateien, einschließlich fehlender Übersetzungsschlüssel oder Übersetzungen, die nicht mit einer Sprachdatei übereinstimmen.
• Fehlende Templates.

Unter dem Code mit einem erkannten Fehler wird eine rote Linie angezeigt. Bewegen Sie den Mauszeiger über die hervorgehobene Zeile, um deren Details anzuzeigen.

Tutorials zur Theme-Anpassung finden

Tutorials zur Anpassung von Theme-Code können Sie durch Änderungen an bestimmten Seiten oder Funktionen führen. Wählen Sie Tutorials aus, die der Version Ihrer Theme-Architektur entsprechen; erfahren Sie, wie Sie Ihre Theme-Architekturversion ermitteln

1. Anpassen von Themes für Online Store 2.0

Hilfe bei Anpassungen erhalten

Für Align-spezifische Unterstützung wenden Sie sich an den Company XYZ-Support. Company XYZ unterstützt Align und kann Ihnen helfen, Optionen im Zusammenhang mit dem Theme zu verstehen, bevor Sie Änderungen vornehmen.

Die Supportressourcen von Shopify erläutern außerdem, wo Sie Support für Ihr Theme finden und welche zusätzlichen Ressourcen für Theme-Support verfügbar sind. Wenden Sie sich bei Anliegen zum Shopify-Admin, Konto, zur Abrechnung oder zu anderen von der Plattform verwalteten Themen an den Shopify-Support.

Nutzungshinweise

1. Arbeiten Sie mit einem Backup. Duplizieren Sie Ihr Align-Theme vor jeder Sitzung zur Code-Anpassung.
2. Verwenden Sie das richtige Tool. Bevorzugen Sie den Theme-Editor, wenn sich das gewünschte Ergebnis ohne Codeänderungen erzielen lässt.
3. Überprüfen Sie die Änderungen. Zeigen Sie den Store nach dem Bearbeiten oder Wiederherstellen einer Datei in der Vorschau an, um das erwartete Ergebnis zu bestätigen.
4. Gehen Sie bei Änderungen an Ressourcen sorgfältig vor. Bewahren Sie eine eigene Kopie der Änderungen an Dateien in Assets auf, da dort keine früher bearbeiteten Versionen verfügbar sind.