Zum Hauptinhalt springen

Icon-Box-Komponente

Stelle Inhalte visuell mit individuellen Icons, Captions und Texten dar – als Grid oder Karussell.

Anne avatar
Verfasst von Anne
Diese Woche aktualisiert

Die Icon-Box-Komponente ermöglicht es dir, Inhalte strukturiert und visuell hervorzuheben.

Nach dem Hinzufügen über das Plus-Icon im Seiteneditor kannst du:

  • optional eine Headline ergänzen (über das Augen-Icon ein- oder ausblendbar)

  • den Viewtype wählen (Grid oder Karussell)

  • einzelne Items/Icons hinzufügen und sortieren

Im Grid-Layout werden zusätzliche Icons automatisch in neue Reihen umgebrochen.


Im Karussell sind maximal vier Icons gleichzeitig sichtbar; weitere Inhalte sind über Pfeile erreichbar.


Items konfigurieren

Für jedes Item kannst du:

  • ein Icon oder Bild über das Medienarchiv auswählen (inkl. SVG-Upload)

  • eine Caption ergänzen

  • optional einen Copytext über einen Rich-Text-Editor hinzufügen

Der Copytext kann ein- oder ausgeblendet werden.


Wichtiger Unterschied zur Download-Komponente

Im Gegensatz zur Download-Komponente besitzt die Icon-Box keine automatische Verlinkung über das Icon.

Falls eine Verlinkung gewünscht ist, kann diese ausschließlich über den Rich-Text-Editor im Copytext eingefügt werden.

Tipps & Tricks

  • SVG-Dateien eignen sich besonders gut für skalierbare, saubere Icons.

  • Achte bei vielen Icons auf die Darstellung im Karussell.

  • Halte Captions kurz und konsistent.

  • Wenn das Icon klickbar wirken soll, sollte die Verlinkung klar im Copytext erkennbar sein.

Hat dies deine Frage beantwortet?