Jump to content

Content elements

Reference for mp-core content types: TCA location, Fluid templates, TSconfig wizards and custom database fields.

MP-Core logo
 

Using field names in the backend locallang_db.xlf. This document lists technical keys and their behaviour.

 

Quick overview

CTypeTypeTCA fileFront-end template
galleryCustomtt_content_gallery.phpResources/Private/Templates/Content/Gallery.html
stageCustomtt_content_stage.phpResources/Private/Templates/Content/Stage.html
bannerCustomtt_content_banner.phpResources/Private/Templates/Content/Banner.html
singleteaserCustomtt_content_singleteaser.phpResources/Private/Templates/Content/Singleteaser.html
menu_subpagesCore overridett_content_menu_subpages.phpfluid_styled_content / Override extension
mpcore_todolistCustom (Vue)tt_content_00_base.phpVue integration via VueComponents.typoscript
definitionlistContent blockContentBlocks/.../definitionlist/Content blocks frontend.html
ce_accordionb13/containertt_content_accordion.phpResources/Private/Templates/Container/
ce_tabsb13/containertt_content_tabs.phpContainer templates
ce_sliderb13/containertt_content_slider.phpContainer + SwiperSlider.vue
ce_gridb13/containertt_content_grid.phpContainer templates
ce_containerb13/containertt_content_container.phpContainer wrappers

TypoScript: Configuration/TypoScript/Setup/ContentElements/tt_content/*.typoscript
Database columns: ext_tables.sql (all tt_content extensions)

Common fields (many CTypes)

Defined in Configuration/TCA/Overrides/tt_content_00_base.php, tt_content_00_header.phpand tt_content_container.php.

Link palette (link_config)

Used by Stage, Banner, Singleteaser and others.

FieldTypeDescription
tx_link_switchEnableEnable link button
tx_linkLinkPage, file, URL or record
tx_link_textInputCustom link label (displayCond: enable)
tx_link_layoutSelectbtn btn-primary/secondary/tertiary/quaternary, internal-link, external-link, download
tx_link_positionSelectbtn-center, btn-left, btn-right

Header palette (header_config)

FieldTypeDescription
header_kickerInputText above the heading
tx_header_styleSelectionOverride semantic level: h1h6 (visual class)
tx_header_insideActivateRender header in content area

Grid / Background (TCA container)

Used by Banner, Singleteaser, Stage, menu_subpages, containers.

FieldTypeDescription
grid_bgcolorSelectionBackground colour (itemsProcFunc: ColorPickerValueItems)
grid_lightEnableLight text on dark background
grid_bgimageFileBackground image
grid_bgfullsizeTickFull-width background
grid_parallaxTickParallax (Jarallax)
grid_icon / grid_icon_switchFile / checkOptional icon
grid_containercheckWidth of the inner container
grid_columnsselectColumn layout (sub-pages of menu)

Gallery (gallery)

TCA: Configuration/TCA/Overrides/tt_content_gallery.php
Assistant: Configuration/TsConfig/Page/ContentElement/Element/Gallery.tsconfig
Frontend: Vue GallerySwiper for slider/thumbnail layouts; otherwise static layouts.

Layout

FieldTypeValues / Default
gallery_layoutSelectiongallery-single, gallery-tiles, gallery-slider, gallery-thumbs (reload on change)
gallery_columnsSelection14 Slides per view — only if layout = gallery-slider

Swiper options

Displayed if the layout gallery-slider and/or gallery-thumbs (see TCA displayCond).

FieldTypeDefaultNotes
gallery_space_betweenNumber10px
gallery_speedNumber300ms Transition
gallery_loopcheck0
gallery_navigation_enabledTest1Back/Next
gallery_pagination_enabledcheck1
gallery_pagination_typeSelectbulletsfraction, progressbar
gallery_pagination_clickableHighlight1Bullets only
gallery_pagination_dynamic_bulletsTick1Bullets only
gallery_autoplay_enabledcheck0Sliders only
gallery_autoplay_delayNumber3000Slider only
gallery_thumbs_per_viewSelect4Thumbnails: 3–6
gallery_thumbs_space_betweenNumber10Thumbnail

Key content fields

FieldNotes
header_kicker, header, subheader, bodytextRTE enabled bodytext
imageMultiple images; FAL description/link/title/caption Pass-through

Stage (stage)

TCA: Configuration/TCA/Overrides/tt_content_stage.php
Assistant: Configuration/TsConfig/Page/ContentElement/Element/Stage.tsconfig

Media

FieldTypeDescription
tx_stage_switchSelection0 = Background image, 1 = Video (Reload)
tx_stage_videoFilemp4, webm, ogg — if switch = Video
imageFALMax 1 — Hero image
videoCoreCore video field in the palette
bodytextRTEOverlay text

Position & Display

FieldTypeValues
tx_stage_positionSelectstage-default, stage-top, stage-middle, stage-bottom
grid_bgcolorSelectShared colour picker
tx_stage_bgcolorEnableStage-specific background switch
dateDate/TimeOptional date bar
link_config PaletteCTA link

Banner (banner)

TCA: Configuration/TCA/Overrides/tt_content_banner.php
Assistant: Configuration/TsConfig/Page/ContentElement/Element/Banner.tsconfig

Minimal hero strip: header + single image + optional background/link.

FieldNotes
headerTitle
imageMax. 1
grid_bgcolor, grid_lightSection colours
link_configOptional CTA
bodytextPlain text (RTE disabled)

Single teaser (singleteaser)

TCA: Configuration/TCA/Overrides/tt_content_singleteaser.php
Assistant: Configuration/TsConfig/Page/ContentElement/Element/Singleteaser.tsconfig

FieldNotes
header_kicker, header, subheader
imageMax. 1; imageorient, imagewidth in palette
bodytextRTE
grid_bgcolor
link_config
dateOptional

Menu subpages (menu_subpages)

TCA: tt_content_menu_subpages.php — overrides only the core showitem .

FieldNotes
pagesSelected pages
header_subpagesHeading level for submenu titles (h2h6)
grid_bgcolor, grid_columns, grid_lightMap/grid styling
tx_link_switch, tx_link_text, tx_link_layoutLink styling per element

To-do list (mpcore_todolist)

TCA: tt_content_00_base.php
FlexForm: Configuration/FlexForms/TodoList.xml
Frontend: Vue TodoListdata-container="vue" data-component="TodoList"

FlexForm settings (pi_flexform)

SettingTypeDefault
settings.showDeleteButtonCheckbox1
settings.showFiltercheck1
settings.showClearCompletedcheck1
settings.maxItemsNumber(see XML)
settings.cardTitleInputCard title
settings.colorSchemeSelectionBootstrap colour scheme

List of definitions (definitionlist)

Content block – not a standard TCA-CType file.

See Backend.md for editor fields.
RTE definition lists are also available within the main RTE preset (toolbar plugin).

Container elements (b13/container)

Subordinate content is located in colPos 101, unless otherwise stated. Icons and labels in locallang_db.xlf.

Accordion (ce_accordion)

TCA: tt_content_accordion.php

FieldTypeDescription
container_accordion_typeSelection1 Bootstrap, 2 native <details>
container_headlineInputSection title
container_accordion_toggleCheckboxUI for showing and hiding
container_accordion_toggle_allCheckShow/hide all
container_accordion_opencheckOpen first window
grid_containercheckWidth of the container

Permitted child CTypes: header, text, textpic, ce_accordion, ce_container

Tabs (ce_tabs)

TCA: tt_content_tabs.php

FieldTypeDescription
container_headlineInput
container_tab_openValidationOpen first tab
grid_containerCheck

Slider (ce_slider)

TCA: tt_content_slider.phpVue-SwiperSlider application in the frontend.

FieldTypeDefault
slider_typeSelectionslide, fade, cube, coverflow, flip, cards, creative
slider_slides_per_viewNumber1
slider_slides_per_groupNumber1
slider_space_betweenNumber0
slider_loopCheck0
slider_speedNumber300
slider_autoplay_enabledcheck0
slider_autoplay_delayNumber3000
slider_autoplay_disable_on_interactionCheck1
slider_navigation_enabledExamination1
slider_pagination_enabledcheck1
slider_pagination_typeselectbullets, fraction, progressbar
slider_pagination_clickablemark0
slider_pagination_dynamic_bulletscheck0
slider_keyboard_enabledselect1
slider_mousewheel_enabledcheck0
slider_free_mode_enabledcheck0
slider_zoom_enabledcheck0
slider_breakpointsTextJSON checkpoints (advanced)

Grid (ce_grid)

TCA: tt_content_grid.php — Bootstrap column editor.

FieldTypeDescription
grid_typeselectul (list) or div (div wrapper)
grid_columnsSelection1–4 columns
grid_breakpointselectxl, md, lg, xxl
grid_col1grid_col4selectBootstrap width 1–12 per column
grid_offset1grid_offset4selectColumn offset
grid_gutterselectSpacing 0–5
Together grid_* Background fieldsFrom Container TCA

Uses palette frames_ce_grid (spacing only, no frame layout selection).

Container (ce_container)

TCA: tt_content_container.php — generic wrapper with background palettes (grid_bgcolor, grid_bgimage, parallax, icon, etc.).

Adding a new content element

  1. TCAConfiguration/TCA/Overrides/tt_content_myelement.php + Columns in the ext_tables.sql.
  2. TemplateResources/Private/Templates/Content/Myelement.html.
  3. TypoScriptConfiguration/TypoScript/Setup/ContentElements/tt_content/Myelement.typoscript.
  4. WizardConfiguration/TsConfig/Page/ContentElement/Element/Myelement.tsconfig.
  5. IconConfiguration/Icons.php.
  6. Reuse palettes: link_config, header_config, grid_* where applicable.

See Configuration.md for TCA patterns and Frontend.md for asset inclusions.

Related documentation

Share page