oliverthiele/ot-sitekit-ce-card

TYPO3 content element that displays a card element. Integrates with the Sitekit and ot-irrebuttons extensions.

v1.2.1 2026-02-20 10:10 UTC

Requires

• oliverthiele/ot-irrebuttons: ^3.2
• oliverthiele/ot-sitekit-base: *
• typo3/cms-core: ^13.4

Requires (Dev)

• roave/security-advisories: dev-latest

GPL-2.0-or-later

• Oliver Thiele

• grid
• frontend
• card
• TYPO3 CMS
• content element
• sitekit

README

Bootstrap 5 card content element for TYPO3 v13. Part of the SiteKit ecosystem.

Features

• Bootstrap 5 card layout — .card, .card-body, .card-img-top
• Standalone or grid — works as a standalone content element or inside a Card Grid container (ot-sitekit-base-container-grid-cards)
• Dynamic layout selection — automatically switches between NoWrapper and Default Fluid layout depending on the parent container
• Header with optional icon, subheader, body text (RTE), image (FAL, optional link)
• IRRE buttons via ot-irrebuttons
• Flexible icon positioning — above title, above title (centered), inline left, or responsive (top on mobile, inline on desktop)
• Backend preview renderer — card preview directly in the TYPO3 page module

Requirements

Package	Version
typo3/cms-core	^13.4
oliverthiele/ot-sitekit-base	*
oliverthiele/ot-irrebuttons	^3.2

Installation

composer require oliverthiele/ot-sitekit-ce-card

The content element Card appears automatically in the New Content Element wizard.

Icon positioning

Card titles support an optional icon. The layout is controlled via CSS modifier classes:

Class	Behaviour
icon-top	Icon above title (left-aligned)
icon-top-center	Icon above title (centred)
icon-left	Icon inline, left of title
icon-responsive	Icon top on mobile, inline on desktop

Icon output is delegated to the Icon partial provided by ot-sitekit-base.

License

GPL-2.0-or-later — see LICENSE

Author

Oliver Thiele — oliver-thiele.de