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 Gallery

Text Image Gallery

Die Komponente "Text Image Gallery" stellt Text mit einem Bildergalerie-Schieberegler zur Verfügung. Es bietet die Möglichkeit, mehrere Bilder mit einer Schieberegleroption hinzuzufügen, um jedes Bild anzuzeigen.

Die Komponente muss auch auf einer datengesteuerten Seite funktionieren. Durch Klicken auf 1, 2 oder 3 (Text-Bildergalerie-Beispiel unten) erscheint das nächste gespeicherte Bild. Wenn in der Galerie nur ein Bild hinterlegt ist, dann wird der Schieberegler nicht angezeigt.

Beispiel Seitenansicht

Das Modul ist orange markiert.

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:

InhaltsbereichBeschreibung
ÜberschriftDies kann intern, extern oder mediapath sein
TextDies ist ein beschreibender Text für die Bildergalerie
BildergalerieEs ermöglicht CMS-Benutzern, mehrere Bilder mit dem Schieberegler hinzuzufügen.

Bild hinzufügen ermöglicht das Hinzufügen mehrerer Bilder mit unterschiedlichen Quellen

InhaltsbereichBeschreibung
QuelleDies kann intern, extern oder mediapath sein
Bild auswählenMit Bild auswählen kann ein neues Bild ausgewählt oder ein vorhandenes Bild aus dem Medienverwaltungsordner verwendet werden
Alternative TextbeschreibungDies ist alternativer Text, der angezeigt wird, wenn das Bild nicht gerendert wird, und für Zugänglichkeit und SEO verwendet wird
Bild-TitelDies wird als Tooltip beim Hover angezeigt

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

Das Modul kann in folgenden Themes eingesetzt werden:

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

So sieht das Modul aus

Beispielseite

Im Video siehst du, wie man das Modul anlegt

tk-play

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