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 Gallery (03_04)

Image Gallery (03_04)

Die "Image-Gallery" wird auf Artikeldetailseiten im Contentbereich genutzt, um ein Bild oder beliebig viele Bilder anzuzeigen. Das Modul besteht aus einer Headline sowie pro Teaser aus Bild und Teasertext. Mit einem Klick auf einen Teaser öffnet sich das Bild zur vergrößerten Ansicht in einer Lightbox. Die Teaser des Moduls sind in einem Slider darstellbar.

Beispiel Seitenansicht

Das Modul ist orange markiert

Image Gallery - Modulansicht

Image Gallery im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
optional
2. Lightbox-LinkIn der Lightbox müssen die Bilder in der selben Reihenfolge eingefügt werden wie in der Image-Gallery
3. Bilder- beliebig viele
- Bildzuschnitt: width 215px
- Bildunterschrift (optional)

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
optional
2. Lightbox-LinkIn der Lightbox müssen die Bilder in der selben Reihenfolge eingefügt werden wie in der Image-Gallery
3. Bilder- beliebig viele
- Bildzuschnitt: width 215px
- Bildunterschrift (optional)

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.

Vermaßte Screenshots

Image Gallery: Vermaßung Desktop
Desktop
Image Gallery: Vermaßung Tablet
Tablet
Image Gallery: Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden

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

Image Gallery (03_04)

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