Layout und Wiederholbarer Bereich

Mit Struktur-Elementen bringst du Ordnung in dein Formular: Du gruppierst zusammengehörige Felder, ordnest sie in Spalten an oder lässt einen Bereich beliebig oft wiederholen.

Spalten-Layout (Reihe)

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

So bringst du z. B. „Breite" und „Höhe" platzsparend in eine Zeile.

Für volle Kontrolle kannst du 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: Du kannst 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 kannst du 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: Ziehe 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: Beginne mit den großen Abschnitten (Gruppen), lege darin die Reihen an und fülle sie zuletzt mit den eigentlichen Feldern. Das hält den Baum übersichtlich.