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
  • Image Teaser Collection

Image Teaser Collection

Die "Image Teaser Collection" kann benutzt werden, um dem Benutzer mehrere Image Teaser anzuzeigen. Zu jedem Image Teaser kann ein Bild, eine Haupt- und eine kleine Überschrift sowie ein Text definiert werden. Zusätzlich kann ein Bild mit einem Link hinterlegt werden und ein Hashtag auf dem Bild angezeigt werden.

Beispiel Seitenansicht

Das Modul ist rot markiert

zoom

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten

InhaltsbereichBeschreibung
ÜberschriftDie Überschrift für die gesamte "Image-Teaser-Collection" wird über den Bild-Teasern angezeigt.
SpaltenanzahlÜber die Spaltenanzahl kann festgelegt werden, wie viele Bild-Teaser nebeneinander angezeigt werden sollen. Dementsprechend wird die Größe der Teaser angepasst.
Bild-TeaserDie Bild-Teaser werden entsprechend hinterlegt und können mit den in der nachfolgenden Tabelle beschriebenen Inhalten ausgestattet werden.

Der Bild-Teaser besteht aus folgenden Inhalten

InhaltsbereichBeschreibung
Kleine ÜberschriftWird kleiner als die normale Überschrift direkt unter dem Bild angezeigt.
ÜberschriftPassend zum jeweiligen Bild und wird unter der kleinen Überschrift angezeigt.
TextText erscheint unter der Überschrift.
BildDas Bild kann hochgeladen und mit einer alternativen Textbeschreibung sowie einem Bild-Titel ausgestattet werden.
LinkDas Bild kann mit einem Link (intern/extern/E-Mail/Telefon) hinterlegt werden.
HashtagDer Hashtag "#e" kann oben links am Bild blau unterlegt angezeigt werden. Der Text des Hashtags kann nicht geändert werden.

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 "Image Teaser Collection"

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