Der Code-Editor für Themes
Theme-Dateien direkt im Browser bearbeiten: Dateibaum, Suche, neue Dateien und Ordner, Schema-Prüfung.
Mit Code bearbeiten öffnest du den Code-Editor eines Themes. Er richtet sich an Entwickler und Agenturen, die Sections und Styles anpassen.
Aufbau
DATEIEN – der Dateibaum mit
layout/,sections/,snippets/,templates/,config/,locales/undassets/.SUCHEN – Volltextsuche über alle Dateien des Themes.
Editor mit Syntax-Hervorhebung und Prüfung des
{% schema %}-JSON.
Dateien und Ordner
| Aktion | Hinweis |
|---|---|
| Neue Datei | Dateiname inklusive Ordner, z. B. sections/team.liquid |
| Neuer Ordner | z. B. assets/images |
| Datei umbenennen | Neuer Dateiname, Verweise im Code passt du selbst an |
| Datei löschen | Kann nicht rückgängig gemacht werden |
Änderungen am Live-Theme bauen die Website sofort neu. Arbeite für größere Umbauten an einem duplizierten Theme.
Neue Section mit KI
Über Neue Section mit KI erzeugst du direkt im Code-Editor eine neue Section, die zu Farben, Abständen und Bausteinen deines Themes passt. Siehe „Neue Sections mit KI erstellen“.
Häufige Fehler
Ungültiges Schema-JSON: Die Section ist im PageBuilder nicht konfigurierbar.
Unbekannter Setting-Typ: Das Feld erscheint im Inspector einfach nicht.
Direkte Asset-Pfade statt
| asset_url: Dateien werden nach dem nächsten Build nicht gefunden.
Unser Support antwortet in der Regel innerhalb eines Werktags.