
Feldbezeichnungen im Backend verwenden
locallang_db.xlf. Dieses Dokument listet technische Schlüssel und deren Verhalten auf.
Schnellübersicht
| CType | Art | TCA-Datei | Frontend-Vorlage |
|---|---|---|---|
gallery | Benutzerdefiniert | tt_content_gallery.php | Resources/Private/Templates/Content/Gallery.html |
stage | Benutzerdefiniert | tt_content_stage.php | Resources/Private/Templates/Content/Stage.html |
banner | Benutzerdefiniert | tt_content_banner.php | Resources/Private/Templates/Content/Banner.html |
singleteaser | Benutzerdefiniert | tt_content_singleteaser.php | Resources/Private/Templates/Content/Singleteaser.html |
menu_subpages | Kern-Überschreibung | tt_content_menu_subpages.php | fluid_styled_content / Erweiterung überschreiben |
mpcore_todolist | Benutzerdefiniert (Vue) | tt_content_00_base.php | Vue-Einbindung über VueComponents.typoscript |
definitionlist | Inhaltsblock | ContentBlocks/.../definitionlist/ | Inhaltsblöcke frontend.html |
ce_accordion | b13/container | tt_content_accordion.php | Resources/Private/Templates/Container/ |
ce_tabs | b13/container | tt_content_tabs.php | Container-Vorlagen |
ce_slider | b13/container | tt_content_slider.php | Container + SwiperSlider.vue |
ce_grid | b13/container | tt_content_grid.php | Container-Vorlagen |
ce_container | b13/container | tt_content_container.php | Container-Wrapper |
TypoScript: Configuration/TypoScript/Setup/ContentElements/tt_content/*.typoscript
Datenbankspalten: ext_tables.sql (alle tt_content Erweiterungen)
Gemeinsame Felder (viele CTypes)
Definiert in Configuration/TCA/Overrides/tt_content_00_base.php, tt_content_00_header.phpund tt_content_container.php.
Link-Palette (link_config)
Verwendet von Stage, Banner, Singleteaser und anderen.
| Feld | Typ | Beschreibung |
|---|---|---|
tx_link_switch | Aktivieren | Link-Schaltfläche aktivieren |
tx_link | Link | Seite, Datei, URL oder Datensatz |
tx_link_text | Eingabe | Benutzerdefinierte Link-Bezeichnung (displayCond: aktivieren) |
tx_link_layout | Auswählen | btn btn-primary/secondary/tertiary/quaternary, internal-link, external-link, download |
tx_link_position | Auswählen | btn-center, btn-left, btn-right |
Kopfzeilenpalette (header_config)
| Feld | Typ | Beschreibung |
|---|---|---|
header_kicker | Eingabe | Text über der Überschrift |
tx_header_style | Auswahl | Semantische Ebene überschreiben: h1–h6 (visuelle Klasse) |
tx_header_inside | Aktivieren | Kopfzeile im Inhaltsbereich rendern |
Raster / Hintergrund (Container TCA)
Verwendet von Banner, Singleteaser, Stage, menu_subpages, Containern.
| Feld | Typ | Beschreibung |
|---|---|---|
grid_bgcolor | Auswahl | Hintergrundfarbe (itemsProcFunc: ColorPickerValueItems) |
grid_light | Aktivieren | Heller Text auf dunklem Hintergrund |
grid_bgimage | Datei | Hintergrundbild |
grid_bgfullsize | Häkchen | Hintergrund in voller Breite |
grid_parallax | Häkchen | Parallax (Jarallax) |
grid_icon / grid_icon_switch | Datei / check | Optionales Symbol |
grid_container | check | Breite des inneren Containers |
grid_columns | auswählen | Spaltenlayout (Menü-Unterseiten) |
Galerie (gallery)
TCA: Configuration/TCA/Overrides/tt_content_gallery.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Gallery.tsconfig
Frontend: Vue GallerySwiper für Slider-/Thumbnail-Layouts; ansonsten statische Layouts.
Layout
| Feld | Typ | Werte / Standard |
|---|---|---|
gallery_layout | Auswahl | gallery-single, gallery-tiles, gallery-slider, gallery-thumbs (bei Änderung neu laden) |
gallery_columns | Auswahl | 1–4 Folien pro Ansicht — nur wenn Layout = gallery-slider |
Swiper-Optionen
Wird angezeigt, wenn das Layout gallery-slider und/oder gallery-thumbs (siehe TCA displayCond).
| Feld | Typ | Standard | Anmerkungen |
|---|---|---|---|
gallery_space_between | Zahl | 10 | px |
gallery_speed | Zahl | 300 | ms Übergang |
gallery_loop | check | 0 | |
gallery_navigation_enabled | Prüfung | 1 | Zurück/Weiter |
gallery_pagination_enabled | check | 1 | |
gallery_pagination_type | Auswählen | bullets | fraction, progressbar |
gallery_pagination_clickable | Markieren | 1 | Nur Aufzählungszeichen |
gallery_pagination_dynamic_bullets | Häkchen | 1 | Nur Aufzählungszeichen |
gallery_autoplay_enabled | check | 0 | Nur Schieberegler |
gallery_autoplay_delay | Zahl | 3000 | Nur Schieberegler |
gallery_thumbs_per_view | Auswählen | 4 | Miniaturansicht: 3–6 |
gallery_thumbs_space_between | Anzahl | 10 | Miniaturansicht |
Kerninhaltsfelder
| Feld | Anmerkungen |
|---|---|
header_kicker, header, subheader, bodytext | RTE aktiviert bodytext |
image | Mehrere Bilder; FAL description/link/title/caption Passthrough |
Bühne (stage)
TCA: Configuration/TCA/Overrides/tt_content_stage.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Stage.tsconfig
Medien
| Feld | Typ | Beschreibung |
|---|---|---|
tx_stage_switch | Auswahl | 0 = Bildhintergrund, 1 = Video (Neuladen) |
tx_stage_video | Datei | mp4, webm, ogg — wenn Schalter = Video |
image | FAL | Max 1 — Hero-Bild |
video | Kern | Kern-Videofeld in der Palette |
bodytext | RTE | Overlay-Text |
Position & Darstellung
| Feld | Typ | Werte |
|---|---|---|
tx_stage_position | Auswählen | stage-default, stage-top, stage-middle, stage-bottom |
grid_bgcolor | Auswählen | Gemeinsamer Farbwähler |
tx_stage_bgcolor | Aktivieren | Bühnen-spezifischer Hintergrund-Schalter |
date | Datum/Uhrzeit | Optionale Datumszeile |
link_config Palette | CTA-Link |
Banner (banner)
TCA: Configuration/TCA/Overrides/tt_content_banner.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Banner.tsconfig
Minimaler Hero-Streifen: Kopfzeile + einzelnes Bild + optionaler Hintergrund/Link.
| Feld | Hinweise |
|---|---|
header | Titel |
image | Max. 1 |
grid_bgcolor, grid_light | Abschnittsfarben |
link_config | Optionaler CTA |
bodytext | Reiner Text (RTE deaktiviert) |
Einzelner Teaser (singleteaser)
TCA: Configuration/TCA/Overrides/tt_content_singleteaser.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Singleteaser.tsconfig
| Feld | Notizen |
|---|---|
header_kicker, header, subheader | |
image | Max. 1; imageorient, imagewidth in Palette |
bodytext | RTE |
grid_bgcolor | |
link_config | |
date | Optional |
Menü-Unterseiten (menu_subpages)
TCA: tt_content_menu_subpages.php — überschreibt nur den Kern showitem .
| Feld | Hinweise |
|---|---|
pages | Ausgewählte Seiten |
header_subpages | Überschriftenebene für Untermenütitel (h2–h6) |
grid_bgcolor, grid_columns, grid_light | Karten-/Raster-Styling |
tx_link_switch, tx_link_text, tx_link_layout | Link-Gestaltung pro Element |
To-do-Liste (mpcore_todolist)
TCA: tt_content_00_base.php
FlexForm: Configuration/FlexForms/TodoList.xml
Frontend: Vue TodoList — data-container="vue" data-component="TodoList"
FlexForm-Einstellungen (pi_flexform)
| Einstellung | Typ | Standard |
|---|---|---|
settings.showDeleteButton | Checkbox | 1 |
settings.showFilter | check | 1 |
settings.showClearCompleted | check | 1 |
settings.maxItems | Zahl | (siehe XML) |
settings.cardTitle | Eingabe | Kartenüberschrift |
settings.colorScheme | Auswahl | Bootstrap-Farbvariante |
Definitionsliste (definitionlist)
Inhaltsblock – keine klassische TCA-CType-Datei.
Siehe Backend.md für Editorfelder.
RTE-Definitionslisten sind auch innerhalb der Haupt-RTE-Voreinstellung (Toolbar-Plugin) verfügbar.
Container-Elemente (b13/container)
Untergeordnete Inhalte befinden sich in colPos 101, sofern nicht anders angegeben. Symbole und Beschriftungen in locallang_db.xlf.
Accordion (ce_accordion)
TCA: tt_content_accordion.php
| Feld | Typ | Beschreibung |
|---|---|---|
container_accordion_type | Auswahl | 1 Bootstrap, 2 nativ <details> |
container_headline | Eingabe | Abschnittstitel |
container_accordion_toggle | Checkbox | UI zum Ein- und Ausblenden |
container_accordion_toggle_all | Überprüfen | Alle ein-/ausblenden |
container_accordion_open | check | Erstes Fenster öffnen |
grid_container | check | Breite des Containers |
Zulässige untergeordnete CTypes: header, text, textpic, ce_accordion, ce_container
Registerkarten (ce_tabs)
TCA: tt_content_tabs.php
| Feld | Typ | Beschreibung |
|---|---|---|
container_headline | Eingabe | |
container_tab_open | Überprüfung | Erste Registerkarte öffnen |
grid_container | Check |
Schieberegler (ce_slider)
TCA: tt_content_slider.php — Vue-SwiperSlider-Anwendung im Frontend.
| Feld | Typ | Standard |
|---|---|---|
slider_type | Auswahl | slide, fade, cube, coverflow, flip, cards, creative |
slider_slides_per_view | Zahl | 1 |
slider_slides_per_group | Zahl | 1 |
slider_space_between | Zahl | 0 |
slider_loop | Prüfung | 0 |
slider_speed | Zahl | 300 |
slider_autoplay_enabled | check | 0 |
slider_autoplay_delay | Zahl | 3000 |
slider_autoplay_disable_on_interaction | Prüfen | 1 |
slider_navigation_enabled | Prüfung | 1 |
slider_pagination_enabled | check | 1 |
slider_pagination_type | auswählen | bullets, fraction, progressbar |
slider_pagination_clickable | markieren | 0 |
slider_pagination_dynamic_bullets | check | 0 |
slider_keyboard_enabled | markieren | 1 |
slider_mousewheel_enabled | check | 0 |
slider_free_mode_enabled | check | 0 |
slider_zoom_enabled | check | 0 |
slider_breakpoints | Text | JSON-Haltepunkte (erweitert) |
Raster (ce_grid)
TCA: tt_content_grid.php — Bootstrap-Spalteneditor.
| Feld | Typ | Beschreibung |
|---|---|---|
grid_type | select | ul (Liste) oder div (div-Wrapper) |
grid_columns | Auswahl | 1–4 Spalten |
grid_breakpoint | auswählen | xl, md, lg, xxl |
grid_col1 … grid_col4 | auswählen | Bootstrap-Breite 1–12 pro Spalte |
grid_offset1 … grid_offset4 | auswählen | Spaltenversatz |
grid_gutter | auswählen | Zwischenraum 0–5 |
Gemeinsam grid_* Hintergrundfelder | Aus Container-TCA |
Verwendet Palette frames_ce_grid (nur Abstand, keine Rahmenlayout-Auswahl).
Container (ce_container)
TCA: tt_content_container.php — generischer Wrapper mit Hintergrundpaletten (grid_bgcolor, grid_bgimage, Parallax, Icon usw.).
Hinzufügen eines neuen Inhaltselements
- TCA —
Configuration/TCA/Overrides/tt_content_myelement.php+ Spalten in derext_tables.sql. - Template —
Resources/Private/Templates/Content/Myelement.html. - TypoScript —
Configuration/TypoScript/Setup/ContentElements/tt_content/Myelement.typoscript. - Assistent —
Configuration/TsConfig/Page/ContentElement/Element/Myelement.tsconfig. - Symbol —
Configuration/Icons.php. - Paletten wiederverwenden:
link_config,header_config,grid_*wo zutreffend.
Siehe Configuration.md für TCA-Muster und Frontend.md für Asset-Einbindungen.
Verwandte Dokumentation
- Backend.md – RTE, TSconfig, Vorschauen, Inhaltsblöcke
- Configuration.md — Site-Sets und globale TCA
- OVERVIEW.md — Funktionsübersicht