> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# Elemente

> Element-Typen als wiederverwendbare Baupläne mit Kopf- und Zeilenfeldern definieren.

Unter **Vorlagen → Elemente** definierst du die **Element-Typen**: welche Felder ein Element hat und wie es aufgebaut ist. Das ist der Bauplan. Die fertig befüllten Elemente platzierst du später über den Seiteneditor.

<Note>
  Hier legst du die **Typen** an. Die einzelnen **Instanzen** (befüllte Elemente) verwaltest du unter [Inhalte → Elemente](/docs/de/dynamic-content/user-guide/elemente), eingefügt werden sie im Editor einer Seite oder Einkaufswelt über den Tab **Element**.
</Note>

## Die Standard-Elemente

Mitgeliefert werden sieben Element-Typen. Die Liste zeigt Beschreibung, Code und Änderungsdaten.

<Note>
  Diese sieben Elemente sind nur der ausgelieferte Standard. Du bist nicht darauf festgelegt: Genau hier lassen sich Element-Typen anpassen, ergänzen oder entfernen, sodass die verfügbaren Elemente in deiner Installation abweichen können.
</Note>

| Element         | Code             |
| --------------- | ---------------- |
| Bannergrid      | `bannergrid`     |
| Contentboxen    | `contentBoxes`   |
| Bild / Text     | `boxLeftRight`   |
| Benefits        | `benefits`       |
| Highlight Boxen | `highlightboxes` |
| Videobanner     | `videobanner`    |
| Linkboxen       | `linkboxes`      |

<Info>
  Die fertig befüllten Elemente verwaltest du unter [Inhalte → Elemente](/docs/de/dynamic-content/user-guide/elemente).
</Info>

## Element-Typ anlegen

Öffne **Vorlagen → Elemente** und klicke auf **+ Neu**. Im Dialog **„Neues Element erstellen"** legst du die Basis fest:

* **Vorschaubild**: Icon zur Wiedererkennung im CMS
* **Code**: Eindeutiger technischer Bezeichner
* **Beschreibung**: Anzeigename
* **In allen Sprachen anzeigen**: Macht den Typ sprachübergreifend verfügbar

Speichere zuerst ab. Die Feldstruktur definierst du danach in der Bearbeitungsansicht.

## Felder definieren

Wähle einen Element-Typ aus und klicke auf **Bearbeiten**. Die Felder sind in zwei Bereiche geteilt:

<AccordionGroup>
  <Accordion title="Felder Kopf">
    Felder, die einmal für das gesamte Element gelten, z.B. eine übergreifende Überschrift. Bleibt der Bereich leer, hat das Element keinen gemeinsamen Kopf.
  </Accordion>

  <Accordion title="Felder Zeilen">
    Felder, die sich pro Eintrag wiederholen. Sie bestimmen, was jeder einzelne **Elementeintrag** enthält (z.B. jeder Banner eines Bannergrids).
  </Accordion>
</AccordionGroup>

Jedes Feld hat einen **Typ** und eine **Beschreibung**. Mit **+ Neu**, **Bearbeiten**, **Löschen** sowie **Nach oben** / **Nach unten** pflegst du die Felder und ihre Reihenfolge.

Als Typ stehen die gleichen Arten wie bei Kollektionsfeldern zur Verfügung:

* **Eingabefeld**: Text, Fließtextfeld, Link, Optionsfeld, Datum, Bild
* **Sitepart**: vollwertige Inhaltsarten wie Bild oder Video

<Note>
  Beispiel Bannergrid (Felder Zeilen): Sitepart Bild, Sitepart Video, Eingabefeld Text „Überschrift", Eingabefeld Fließtextfeld „Unterzeile", Eingabefeld Link, Eingabefeld Text „CTA Text", Eingabefeld Optionsfeld „Textposition Horizontal", Eingabefeld Optionsfeld „Textposition Vertikal".
</Note>

Darunter findest du wie beim Anlegen das **Vorschaubild**, den Bereich **Allgemein** (Code, Beschreibung, In allen Sprachen anzeigen) und einen **Info**-Bereich mit den Änderungsdaten.

## Verwandte Themen

<CardGroup cols={2}>
  <Card title="Elemente verwalten" icon="puzzle-piece" href="/docs/de/dynamic-content/user-guide/elemente">
    Befüllte Element-Instanzen auf Seiten pflegen.
  </Card>

  <Card title="Inhaltsarten" icon="shapes" href="/docs/de/dynamic-content/user-guide/inhaltsarten">
    Anwendung der einzelnen Element-Typen.
  </Card>

  <Card title="Kollektionen" icon="folder-tree" href="/docs/de/dynamic-content/user-guide/kollektionen-anlegen">
    Struktur für Kollektionen definieren.
  </Card>

  <Card title="Seitenvorlagen" icon="clone" href="/docs/de/dynamic-content/user-guide/seitenvorlagen">
    Baupläne für ganze Seiten.
  </Card>
</CardGroup>