> 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/english/documentation-of-our-shopware-6-plugins/cms-widgets-for-the-shopping-experiences/card-elements-image-cta-and-text-cards.md).

# Card Elements: Image, CTA & Text Cards

Categories **"CMS Widgets - Image Cards"** and **"CMS Widgets - Text Columns"** in the block catalogue. All three card types are available as a ready-made block in **1, 2, 3 or 4 columns** – the desired column count is chosen when inserting the block, after which each card is filled in individually.

Shared fields (border, text alignment, link target …) are explained under [Shared Settings](broken://pages/e7cb7e1e1d57828b19627cdfb20828f62600eaf9).

## Image & Text Card

A classic card: image on top, title and text below. Optionally fully clickable (linked).

* **Image**, **display mode** (Cropped/Contain/Stretch/Cover), **maximum image height**.
* **Title**, **title colour**, **title type**, **text**, **text colour**, text alignment.
* **Background colour** of the card.
* Border (on/off + colour).
* **Link target** – makes the whole card clickable; new tab.
* Image loading behaviour, image animation.

## CTA Card

Like the Image & Text Card, additionally with a standalone **button** instead of (or in addition to) a full-card link – for cards where the call to action should stand out more clearly.

* **Image**, **image size/height**, additional **CSS class for the image**.
* **Title**, **title colour**, **content** (rich text), **text colour**.
* **Horizontal** and **vertical text alignment**.
* **Button**: text, type/style, size, **button as block** (full width).
* **Link target** (for the card and/or the button), new tab.
* Border (on/off + colour).
* Image animation.

## Text Card

A pure text card with no image – e.g. for feature tiles or short explanatory text in a grid.

* **Title**, **title colour**, **title type**, **text**, **text colour**, text alignment.
* Border (on/off + colour).
* **Button**: text, style, size, **button as block**.
* **Link target**, new tab.