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

v1.1.1 2025-11-30 09:27 UTC

This package is auto-updated.

Last update: 2025-11-30 09:30:04 UTC


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 Grid container ( ot-sitekit-base-container-grid-cards)
  • Automatic wrapper handling via fluid layout switching (NoWrapper vs. 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-card registered in Configuration/Icons.php
  • Palette irreButtons after bodytext
  • Rich text editor enabled for bodytext
  • Field assets restricted to jpg,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