> For the complete documentation index, see [llms.txt](https://docs.premsoft.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.premsoft.de/plugins/produkt-konfigurator/verwaltungs-dashboard/layout-und-wiederholbarer-bereich.md).

# 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.

{% hint style="info" %}
Für volle Kontrolle kannst du einzelnen Feldern auch eine eigene Spalten-CSS-Klasse (z. B. `col-md-6`) zuweisen.
{% endhint %}

## 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](/plugins/produkt-konfigurator/verwaltungs-dashboard/bedingte-sichtbarkeit.md) 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"
```

{% hint style="info" %}
**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.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.premsoft.de/plugins/produkt-konfigurator/verwaltungs-dashboard/layout-und-wiederholbarer-bereich.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.