Text Template Editor

1. Struktur des Editors

Der Editor ist in zwei Bereiche geteilt:

Bereich	Inhalt
Links	Die Datenstruktur (Variablen, Felder, Collections)
Rechts	Der Twig-Code des Templates + Twig-Hilfsfunktionen

Du kannst jedes Feld aus der linken Datenstruktur anklicken – es wird dann automatisch mit der korrekten Twig-Syntax an der Cursorposition eingefügt.

Beispiel: {{ product.id }} {{ order.items[0].name }}

2. Twig als Template-Sprache

Twig ist eine flexible Template-Sprache, mit der du Platzhalter, Schleifen und Bedingungen definieren kannst. In Connect wird die Twig-Syntax automatisch erzeugt, wenn du Variablen aus der Datenquelle in dein Template einfügst.

Beispiel für eine Variable:

{{ product.id }}