You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Pattern nach Typus
  • Gallery/List/Teasers
  • Teaser Collection Container

Teaser Collection Container

Die Komponente Teaser Collection Container ist eine Sammlung von Teaser-Elementen, die sich dynamisch auf der Seite aufbaut. Es handelt sich hier um eine Container-Komponente, in der die einzelnen Teaser gebündelt werden.

Die Teaser sind mit Seiten verlinkt, ein Klick auf den Teaser leitet den Besucher zu der verlinkten Seite weiter. Es gibt zwei Arten von Teasern, die hier eingebunden werden können:

  • Tile Teaser

  • Top Story Teaser

Beispiel Seitenansicht

Das Modul ist rot markiert

zoom

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten

InhaltsbereichBeschreibung
Überschriftwird zentriert über dem Teaser angezeigt
Aktivieren Sie die volle Breite des ContainersAktivieren oder deaktivieren Sie den Bereich in voller Breite für die Teaser
Abstand zwischen Spalten aktivierenAbstand zwischen zwei benachbarten Spalten aktivieren
ColumnsWählen Sie die Anzahl der Spalten (1 bis 4) für die Mobil-, Tablet- und Desktop-Ansicht
Teaser Elements- beliebig viele
-Tile Teaser und Top Story Teaser möglich

Tile Teaser besteht aus den folgenden Komponenten

InhaltsbereichBeschreibung
FliesentypWählen Sie Bildkachel oder Symbolkachel mit Text
KacheltextText als Überschrift für den Teaser
Bild-Wählen Sie das Symbolbild für die Symbolkachel
-Hintergrundbild für Bildkachel auswählen
Link to page- internal oder external

Hinweis: Der gesamte Teaser ist verlinkt, inkl. Bild. Der Teaser wird auch ohne Linkziel dargestellt.

Top Story Teaser besteht aus den folgenden Komponenten

InhaltsbereichBeschreibung
Überschrift-wird auf dem Teaser angezeigt
-Zeichenbegrenzung: zwischen 20 und 50 Zeichen.
Unter-Überschrift-wird unterhalb des Teasers angezeigt
-Zeichenbegrenzung: zwischen 50 und 150 Zeichen.
BildHintergrundbild für Bildkachel auswählen
Herausgeber auswählenAuswahl eines Verlags. Der Herausgeber muss in einer Datenquelle vorhanden sein und kann aus einer Liste ausgewählt werden.
Link- internal oder external

Hinweis: Der gesamte Teaser ist verlinkt, inkl. Bild. Der Teaser wird auch ohne Linkziel dargestellt.
Pin-Teaser-Kontrollkästchen
-Wählen Sie Pin-Datum aus

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

Beispielseite "Teaser Collection Container"

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn