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
  • Text Image Teaser List

Text Image Teaser List

Der "Text Image Teaser List" kann benutzt werden, um dem Benutzer eine Liste an Texten mit zusätzlichem Bild/Video-Content anzuzeigen. Hierbei können einige Platzierungs- und Visualisierungsoptionen angepasst werden. Die Texte können zusätzlich mit einem Link als Button oder Pfeil ergänzt werden.

Beispiel Seitenansicht

Das Modul ist rot markiert

zoom

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:

InhaltsbereichBeschreibung
ÜberschriftÜberschrift ist oberhalb des gesamten Moduls platziert
Teaser-ListeHIer können die einzelnen Teaser hinterlegt werden

Text besteht aus folgenden Inhalten

InhaltsbereichBeschreibung
ÜberschriftÜberschrift steht linksbündig über dem Text
TextText kann z.B. durch einen Introtext ergänzt werden, Aufzählungszeichen enthalten oder aus einem Volltext bestehen.
LinkSichtbarer Link-Text und Verlinkung
Suchmaschinenindizierung kann aktiviert werden.

Bild besteht aus folgenden Komponenten:

InhaltsbereichBeschreibung
Bild oder VideoWahl aus Bild oder Video
Bild-Quelleintern oder extern
Bild auswählenDatei hinzufügen
Alternative Textbeschreibung (alt) des BildesFür Suchmaschinenindizierung
Bild-TitelWird als Tooltip angezeigt

Video besteht aus folgenden Inhalten

InhaltsbereichBeschreibung
Bild oder VideoWahl aus Bild oder Video
Videotypz.B. Youtube, Flixel, Vimeo
Vorschaubild auswählenBildquelle intern oder extern
Metadaten des Bildes/Videos hinzufügen
BeschriftungText unter dem Bild platziert, z.B. Copyright
LightboxAktivierbar

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 "Text Image Teaser List"

Text Image Teaser List
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