
Feldbezeichnungen im Backend verwenden
locallang_db.xlf. Dieses Dokument listet technische Schlüssel und deren Verhalten auf.
Kurzanleitung
| CType | Typ | 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 / Erweiterungs-Überschreibung |
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 |
ce_modal | b13/container | tt_content_modal.php | Resources/Private/Templates/Container/Modal.html |
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)
Wird von Stage, Banner, Singleteaser und anderen verwendet.
| Feld | Typ | Beschreibung |
|---|---|---|
tx_link_action | Auswahl | navigate (Standard) oder modal — muss modal, tx_link muss auf einen ce_modal Datensatz auf derselben Seite verweisen |
tx_link_switch | Aktivieren | Schaltfläche „Link aktivieren“ |
tx_link | Link | Seite, Datei, URL, Datensatz oder ce_modal Inhaltselement (wenn „action“ = „modal“) |
tx_link_text | Eingabe | Benutzerdefinierte Link-Bezeichnung (displayCond: aktivieren) |
tx_link_layout | Auswahl | btn btn-primary/secondary/tertiary/quaternary, internal-link, external-link, download |
tx_link_position | Auswahl | 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 | Überschrift im Inhaltsbereich darstellen |
Raster / Hintergrund (Container TCA)
Wird von Banner, Singleteaser, Stage, menu_subpages und Containern verwendet.
| 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 / Häkchen | Optionales Symbol |
grid_container | Häkchen | 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 | Auswahl | 4 | Miniaturansicht-Layout: 3–6 |
gallery_thumbs_space_between | Anzahl | 10 | Miniaturansicht-Layout |
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 (Neu laden) |
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 und 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 | Ankreuzfeld | Umschalter für stufenspezifischen Hintergrund |
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 | Anmerkungen |
|---|---|
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 | Anmerkungen |
|---|---|
header_kicker, header, subheader | |
image | Max. 1; imageorient, imagewidth in der 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 | Gestaltung von Karten/Rastern |
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 | Kartenbezeichnung |
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 (Symbolleisten-Plugin) verfügbar.
Container-Elemente (b13/container)
Alle fünf Container-CTypes werden über B13\Container\Tca\Registry::configureContainer().
Untergeordnete Inhalte befinden sich bei jedem Container in colPos 101 (beabsichtigt gemeinsam genutzt – untergeordnete Elemente werden
durch tx_container_parent, nicht allein durch colPos). Seiten-Backend-Layouts verwenden colPos 0–4;
weisen Sie den Spalten einer Seite nicht colPos 101 zu.
TypoScript: Configuration/TypoScript/Setup/ContentElements/tt_content/ContainerElements.typoscript
(Site-Set mpc/mp-core-container). Die Frontend-Darstellung verwendet ContainerProcessor und
{children_101} in Fluid-Vorlagen.
Gemeinsames Wrapper-Feld grid_container sowie die Palette grid_container_pallet sind im
Configuration/TCA/Overrides/tt_content_00_container_shared.php.
„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 | Häkchen | Alle ein-/ausblenden |
container_accordion_open | check | Erstes Fenster geöffnet |
grid_container | check | Breite des Containers |
Zulässige untergeordnete CTypes: wie bei Registerkarten — header, text, textpic, ce_accordion, ce_tabs,
ce_container, mpc_vidply (erfordert Erweiterung mpc_vidply). Akkordeon und Registerkarten können
voneinander verschachtelt werden. VidPly-Elemente vom Typ „Listview“ und „Detail“ sind bewusst ausgeschlossen.
Registerkarten (ce_tabs)
TCA: tt_content_tabs.php
| Feld | Typ | Beschreibung |
|---|---|---|
container_headline | Eingabe | |
container_tab_open | Prüfung | Erste Registerkarte öffnen |
grid_container | check |
Zulässige untergeordnete CTypes: dieselbe Liste wie bei der Akkordeon-Anzeige (siehe oben).
Schieberegler (ce_slider)
TCA: tt_content_slider.php — Vue-SwiperSlider-Element 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 | Häkchen | 0 |
slider_speed | Zahl | 300 |
slider_autoplay_enabled | Prüfen | 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 | Markieren | 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 (fortgeschritten) |
Raster (ce_grid)
TCA: tt_content_grid.php — Bootstrap-Spalteneditor.
Untergeordnete Elemente teilen sich einen einzigen Backend-Ablegebereich (colPos 101). Im Frontend verteilt
`Grid.html` die untergeordneten Elemente
nach dem Round-Robin-Prinzip auf die konfigurierte Anzahl von Spalten (grid_columns, 1–4).
Die Sortierreihenfolge der untergeordneten Elemente bestimmt die Platzierung; grid_col1–grid_col4 und Offsets steuern ausschließlich die
Spaltenbreiten.
| Feld | Typ | Beschreibung |
|---|---|---|
grid_type | select | ul (Liste) oder div (div-Container) |
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 | Spaltenversätze |
grid_gutter | Auswählen | Zwischenraum 0–5 |
Gemeinsam genutzt grid_* Hintergrundfelder | Aus Container-TCA |
Verwendet Palette frames_ce_grid (nur Abstand, keine Auswahl des Rahmenlayouts).
Modal (ce_modal)
TCA: tt_content_modal.php — Bootstrap-Overlay mit zusammengesetzten untergeordneten Inhalten in colPos 101.
| Feld | Typ | Beschreibung |
|---|---|---|
header | Eingabe | Modaltitel in der Kopfzeile (aria-labelledby); als Fallback wird die erste untergeordnete Überschrift verwendet (z. B. VidPly) |
container_modal_trigger | Auswahl | image, link, image_link — integrierter Auslöser auf der Seite |
container_modal_size | Auswahl | md, lg, xl, fullscreen |
container_modal_hide_trigger | Aktivieren | Nur Markup des Modals ausgeben; Auslösung durch ein anderes CE über tx_link_action=modal oder einen RTE-Bodytext-Link (Link-Browser-Registerkarte „Modal“) |
image | FAL | Max. 1 – Miniaturansicht auslösen, wenn der Auslöser ein Bild enthält |
link_config Palette | Bezeichnung des Auslöse-Links und Stil der Schaltfläche (führt nicht zur Navigation) |
Zulässige untergeordnete CTypes: Akkordeon/Registerkarten, Panel-Liste sowie image.
Frontend: #modal-{uid}; Miniaturansicht des Triggers aus dem image Feld, wenn der Auslösertyp ein Bild enthält; Darstellung gemeinsamer Links über Resources/Extensions/fluid_styled_content/Private/Partials/Link/ActionLink.html.
RTE-Modal-Links: Verwenden Sie im Fließtext die Registerkarte „Modal“ des Link-Browsers, um einen ce_modal auf derselben Seite auszuwählen. Das Frontend rendert einen Inline-Link mit einem Modal-Symbol (a.modal-link), das #modal-{uid} über Bootstrap. Bei dem modalen CE sollte in der Regel die Option „Integrierten Auslöser ausblenden“ aktiviert sein, wenn er aus RTE-Text heraus ausgelöst wird.
Container (ce_container)
TCA: tt_content_container.php — generischer Wrapper mit Hintergrundpaletten (grid_bgcolor, grid_bgimage, Parallax, Symbol usw.).
Hinzufügen eines neuen Inhaltselements
- TCA —
Configuration/TCA/Overrides/tt_content_myelement.php+ Spalten imext_tables.sql. - Vorlage —
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_*sofern zutreffend.
Siehe „Configuration.md“ für TCA-Muster und „Frontend.md“ für das Einbinden von Assets.
Zugehörige Dokumentation
- Backend — RTE, TSconfig, Vorschauen, Inhaltsblöcke
- Konfiguration – Site-Sets und globale TCA
- Funktionsübersicht – Funktionsübersicht