> For the complete documentation index, see [llms.txt](https://docs.pixeleyes.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pixeleyes.de/anleitungen-instructions/deutsch/dokumentation-unserer-shopware-6-plugins/cms-widgets-fur-die-erlebniswelten/karten-elemente-bild-text-cta-and-text-karten.md).

# Karten-Elemente: Bild-Text-, CTA- & Text-Karten

Kategorien **„CMS Widgets - Bilder & Texte"** und **„CMS Widgets - Text Spalten"** im Block-Katalog.

Alle drei Karten-Typen gibt es als fertigen Block in **1, 2, 3 oder 4 Spalten**. Die gewünschte Spaltenzahl wird beim Einfügen des Blocks gewählt, danach wird jede Karte einzeln befüllt.

Gemeinsame Felder wie Rahmen, Textausrichtung oder Link-Ziel sind unter  [Gemeinsame Einstellungen](/anleitungen-instructions/deutsch/dokumentation-unserer-shopware-6-plugins/cms-widgets-fur-die-erlebniswelten/gemeinsame-einstellungen-rahmen-textausrichtung.md) erklärt.

## Bild-Text-Karte

Klassische Karte: Bild oben, darunter Titel und Text. Optional komplett klickbar (verlinkt).

* **Bild**, **Anzeigemodus** (Zugeschnitten/Beinhalten/Strecken/Cover), **Maximale Bildhöhe**
* **Titel**, **Titelfarbe**, **Titel-Typ**, **Text**, **Textfarbe**, Textausrichtung
* **Hintergrundfarbe** der Karte
* Rahmen (an/aus + Farbe)
* **Link-Ziel** – macht die gesamte Karte klickbar; neuer Tab
* Bild-Ladeverhalten, Bilder-Animation

## CTA-Karte

Wie die Bild-Text-Karte, zusätzlich mit einem eigenständigen **Button** statt (oder zusätzlich zu) einer Ganzflächen-Verlinkung – für Karten, bei denen der Klick-Aufruf deutlicher hervorgehoben werden soll.

* **Bild**, **Bildgröße/-höhe**, zusätzliche **CSS-Klasse des Bildes**
* **Titel**, **Titelfarbe**, **Inhalt** (Rich-Text), **Textfarbe**
* **Horizontale** und **vertikale Textausrichtung**
* **Button**: Text, Art/Stil, Größe, **Button als Block** (volle Breite)
* **Link-Ziel** (für Karte und/oder Button), neuer Tab
* Rahmen (an/aus + Farbe)
* Bilder-Animation

## Text-Karte

Reine Text-Karte ohne Bild – z. B. für Leistungs-Kacheln oder kurze Erklärtexte im Raster.

* **Titel**, **Titelfarbe**, **Titel-Typ**, **Text**, **Textfarbe**, Textausrichtung
* Rahmen (an/aus + Farbe)
* **Button**: Text, Stil, Größe, **Button als Block**
* **Link-Ziel**, neuer Tab