Layout und Wiederholbarer Bereich

Mit Struktur-Elementen bringen Sie Ordnung in Ihr Formular: Sie gruppieren zusammengehörige Felder, ordnen sie in Spalten an oder lassen einen Bereich beliebig oft wiederholen.

Spalten-Layout (Reihe)

Eine Reihe ordnet ihre untergeordneten Elemente nebeneinander an, statt untereinander. Im Einstellungspanel wählen Sie die gewünschte Spaltenzahl (z. B. 2 oder 3). Die enthaltenen Felder werden automatisch gleichmäßig verteilt.

So bringen Sie z. B. „Breite" und „Höhe" platzsparend in eine Zeile.

Für volle Kontrolle können Sie einzelnen Feldern auch eine eigene Spalten-CSS-Klasse (z. B. col-md-6) zuweisen.

Feldgruppe

Eine Feldgruppe fasst mehrere Elemente zu einem optisch zusammengehörigen Block zusammen – optional mit einer Überschrift. Gruppen lassen sich verschachteln und eignen sich hervorragend, um Abschnitte zu bilden (z. B. „Maße", „Material", „Personalisierung").

Ein weiterer Vorteil: Sie können eine ganze Gruppe über eine Bedingung ein- oder ausblenden.

Wiederholbarer Bereich (Repeater)

Ein Repeater erlaubt es dem Kunden, einen Bereich mehrfach auszufüllen. Klassisches Beispiel: „Weitere Person hinzufügen" oder „Weitere Gravurzeile".

• Im Shop erscheint ein Plus-Button, mit dem der Kunde eine weitere Instanz hinzufügt, sowie ein Entfernen-Button je Instanz.
• Die Beschriftung des Hinzufügen-Buttons können Sie frei wählen (übersetzbar).
• Jede Instanz trägt zur Konfiguration bei – auch zu Preis und Formeln. So lassen sich z. B. Mengen oder Aufpreise pro Wiederholung summieren.

Aufbau im Element-Baum

Struktur-Elemente sind Container: Ziehen Sie per Drag & Drop andere Elemente hinein. Eine typische Hierarchie sieht so aus:

Feldgruppe „Maße"
 └─ Reihe (2 Spalten)
     ├─ Zahl „Breite"
     └─ Zahl „Höhe"
Feldgruppe „Personalisierung"
 └─ Repeater „Gravurzeile"
     └─ Textfeld „Text"

Tipp: Beginnen Sie mit den großen Abschnitten (Gruppen), legen Sie darin die Reihen an und füllen Sie sie zuletzt mit den eigentlichen Feldern. Das hält den Baum übersichtlich.