oliverthiele / ot-sitekit-ce-card
TYPO3 content element that displays a card element. Integrates with the Sitekit and ot-irrebuttons extensions.
Installs: 4
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Language:HTML
Type:typo3-cms-extension
pkg:composer/oliverthiele/ot-sitekit-ce-card
Requires
- oliverthiele/ot-irrebuttons: ^3.2
- oliverthiele/ot-sitekit-base: *
- typo3/cms-core: ^13.4
Requires (Dev)
- roave/security-advisories: dev-latest
README
Extension-Key: ot_sitekitcecard
TYPO3 content element for displaying a Bootstrap-style card.
Part of the Sitekit ecosystem – integrates seamlessly with ot-sitekit-base and
ot-irrebuttons.
🧩 Features
- Responsive Bootstrap card layout with
.card,.card-body,.card-img-top, etc. - Works independently or within the
Card Gridcontainer (ot-sitekit-base-container-grid-cards) - Automatic wrapper handling via fluid layout switching (
NoWrappervs.Default) - Supports:
- Headline, subheader, body text
- Image with optional link
- IRRE buttons from
ot-irrebuttons - Uses TYPO3's own file reference field (
assets)
🧱 Requirements
| Extension | Version |
|---|---|
typo3/cms-core |
^13.4 |
oliverthiele/ot-sitekit-base |
* |
oliverthiele/ot-irrebuttons |
^3.2 |
⚙️ Installation
Via Composer:
composer require oliverthiele/ot-sitekitcecard
When developing with a local packages/ directory, use a path
repository entry.
After installation, clear the TYPO3 caches:
vendor/bin/typo3 cache:flush
The content element “Card” automatically appears in the "New Content Element" wizard – with translated title and description.
🧩 Registration in TYPO3
- New
CType:ot_sitekitcecard - Icon
ot-sitekit-ce-cardregistered inConfiguration/Icons.php - Palette
irreButtonsafterbodytext - Rich text editor enabled for
bodytext - Field
assetsrestricted tojpg,jpeg,png,gif,svg
🧠 Template overview
File: Resources/Private/Templates/Bootstrap5/Templates/CeCard.html
Uses dynamic layout selection:
<f:layout name="{f:if(condition: ‘{directParent.CType} == 'ot-sitekit-base-container-grid-cards’', then: ‘NoWrapper’, else: ‘Default’)}"/>
🧩 Acknowledgements
Developed by Oliver Thiele License: GPL‑2.0‑or‑later