PHPackages oliverthiele/ot-sitekit-ce-textmedia - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. oliverthiele/ot-sitekit-ce-textmedia ActiveTypo3-cms-extension[Image & Media](/categories/media) oliverthiele/ot-sitekit-ce-textmedia ==================================== CE Textmedia - TYPO3 content element that displays an image with text. Integrates with the Sitekit and ot-irrebuttons extensions. v2.0.0(2mo ago)017GPL-2.0-or-laterHTMLPHP >=8.3 Since Aug 19Pushed 2mo agoCompare [ Source](https://github.com/oliverthiele/ot-sitekit-ce-textmedia)[ Packagist](https://packagist.org/packages/oliverthiele/ot-sitekit-ce-textmedia)[ Docs](https://www.oliver-thiele.de)[ RSS](/packages/oliverthiele-ot-sitekit-ce-textmedia/feed)WikiDiscussions main Synced 3w ago READMEChangelogDependencies (9)Versions (9)Used By (0) OT SiteKit CE Textmedia — TYPO3 Content Element =============================================== [](#ot-sitekit-ce-textmedia--typo3-content-element) TYPO3 content element that renders an image alongside text in configurable split layouts for TYPO3 v13 and v14. Part of the OT SiteKit ecosystem. [![TYPO3](https://camo.githubusercontent.com/b53bdca9ce384fc877701998f476e5f2dbf33c5e3563e6f8bd197b46a3160f35/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31332e3425323025374325323031342e332d6f72616e67652e737667)](https://typo3.org/)[![Packagist Version](https://camo.githubusercontent.com/4bdd6c1ef184ca97cd993ff73af17a8c32fa317bce81cb10352c416455c26435/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f6c69766572746869656c652f6f742d736974656b69742d63652d746578746d656469612e737667)](https://packagist.org/packages/oliverthiele/ot-sitekit-ce-textmedia)[![PHP](https://camo.githubusercontent.com/eb11fe095c8f431079fcd2f5073cfff5acd8f7f6514a917b6fbe65f1e06932c2/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f6f6c69766572746869656c652f6f742d736974656b69742d63652d746578746d656469612f7068702e737667)](https://php.net/)[![License](https://camo.githubusercontent.com/59e0b13fda2d96c2cc94f07eea794e88609ddbf2207dde7938ffede3abd35c7c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6f6c69766572746869656c652f6f742d736974656b69742d63652d746578746d656469612e737667)](LICENSE)[![Changelog](https://camo.githubusercontent.com/6bc02a7bc61afc1cb3faaa53420df6d904b9940d7f3e2e11a463e1fdbb3cd52d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4368616e67656c6f672d4348414e47454c4f472e6d642d626c75652e737667)](CHANGELOG.md) --- Features -------- [](#features) - **7 layout modes** — Media top (full width), media left (50/33/25 %), media right (50/33/25 %) - **Responsive stacking** — On small screens, the image always appears above the text regardless of desktop layout - **Multi-column text** — Optional CSS column layout for body text - **Button integration** — IRRE button rows below the text via `ot-irrebuttons` - **FSC-compatible header** — Uses `Header/All` partial (same as FluidStyledContent), rendered via `ot-ceheader` - **Backend preview** — Content element preview in the page module via `GenericPreviewRenderer` - **SiteKit integration** — Ships with `SiteKit.yaml` for automatic grid registration (`minCols: 3`) - **Bootstrap 5** — Templates use Bootstrap 5 grid and utility classes - **SiteSet** — TypoScript is provided as a TYPO3 v13 SiteSet; no manual TypoScript includes required --- Requirements ------------ [](#requirements) RequirementVersionTYPO3`^13.4 | ^14.3`PHP`>=8.3`Bootstrap5.x[oliverthiele/ot-sitekit-base](https://packagist.org/packages/oliverthiele/ot-sitekit-base)`*`[oliverthiele/ot-ceheader](https://packagist.org/packages/oliverthiele/ot-ceheader)`*`[oliverthiele/ot-irrebuttons](https://packagist.org/packages/oliverthiele/ot-irrebuttons)`^4.0`--- Installation ------------ [](#installation) ``` composer require oliverthiele/ot-sitekit-ce-textmedia ``` --- Configuration ------------- [](#configuration) ### 1. Add SiteSet dependency [](#1-add-siteset-dependency) Include the SiteSet in your sitepackage's `config.yaml`: ``` name: vendor/my-sitepackage dependencies: - typo3/fluid-styled-content - oliverthiele/ot-sitekit-base - oliverthiele/ot-ceheader - oliverthiele/ot-irrebuttons - oliverthiele/ot-sitekit-ce-textmedia ``` ### 2. SiteSet settings (optional) [](#2-siteset-settings-optional) SettingDefaultDescription`otSitekitCeTextmedia.verticalAlign``false`Vertically center the text column when the image is taller than the text (adds `align-items-center` to the Bootstrap row)### 3. Template overrides (optional) [](#3-template-overrides-optional) Override templates via TypoScript in your sitepackage: ``` tt_content.ot_sitekitcetextmedia { templateRootPaths.20 = EXT:your_sitepackage/Resources/Private/Templates/ partialRootPaths.20 = EXT:your_sitepackage/Resources/Private/Partials/ layoutRootPaths.20 = EXT:your_sitepackage/Resources/Private/Layouts/ } ``` --- Layouts ------- [](#layouts) ValueDescription`100-media-100-text`Media top, full width`50-media-50-text`Media left, 50 % / 50 %`33-media-66-text`Media left, 33 % / 66 %`25-media-75-text`Media left, 25 % / 75 %`50-text-50-media`Media right, 50 % / 50 %`66-text-33-media`Media right, 66 % / 33 %`75-text-25-media`Media right, 75 % / 25 %--- License ------- [](#license) GPL-2.0-or-later — see [LICENSE](LICENSE) Author ------ [](#author) Oliver Thiele — [oliver-thiele.de](https://www.oliver-thiele.de) ### Health Score 42 — FairBetter than 89% of packages Maintenance87 Actively maintained with recent releases Popularity7 Limited adoption so far Community6 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~41 days Recently: every ~22 days Total 7 Last Release 63d ago Major Versions v1.3.0 → v2.0.02026-04-25 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/5030298?v=4)[Oliver Thiele](/maintainers/oliverthiele)[@oliverthiele](https://github.com/oliverthiele) --- Top Contributors [![oliverthiele](https://avatars.githubusercontent.com/u/5030298?v=4)](https://github.com/oliverthiele "oliverthiele (21 commits)") ### Embed Badge ![Health badge](/badges/oliverthiele-ot-sitekit-ce-textmedia/health.svg) ``` [![Health](https://phpackages.com/badges/oliverthiele-ot-sitekit-ce-textmedia/health.svg)](https://phpackages.com/packages/oliverthiele-ot-sitekit-ce-textmedia) ``` ### Alternatives [netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 611.0M6](/packages/netresearch-rte-ckeditor-image)[plan2net/webp Drop-in WebP, AVIF, and JPEG XL delivery for TYPO3 images — automatic, no URL or template changes 651.5M5](/packages/plan2net-webp)[friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 101466.4k45](/packages/friendsoftypo3-content-blocks)[christophlehmann/imageoptimizer Optimize uploaded/processed images with binaries of your choice 46515.8k](/packages/christophlehmann-imageoptimizer)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 41515.2k](/packages/wazum-sluggi)[schmitzal/tinyimg Image compression for all pngs and jpgs uploaded to the backend (using the tinypng API) 16129.0k](/packages/schmitzal-tinyimg) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)