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
  • Gallery Slider (06_13)

Gallery Slider (06_13)

Mit dem "Gallery Slider" Modul lassen sich auf Artikeldetailseiten mehrere Bilder platzsparend in einer Galerie darstellen. Das Modul sollte aus mindestens drei Bildern bestehen mit dazugehörigem Text im Bild sowie Text, der erst bei Bedarf erscheint.

Beispiel Seitenansicht

Das Modul ist orange markiert

Gallery Slider - Modulansicht

Gallery Slider im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrifterscheint linksbündig über dem Slider
2. Bilder- mindestens drei
- Bildzuschnitt: width 880px, 480x317px (Vorschaubild)
Text- Text, der im Bild angezeigt wird
- Versteckter Text, der erst nach Klick auf den Link "mehr anzeigen" erscheint

Hinweis: Der Linktext "Mehr anzeigen" kann in den Datenquellen (Tabelle "Global Labels") geändert werden.
Link (optional)internal oder external

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrifterscheint linksbündig über dem Slider
2. Bilder- mindestens drei
- Bildzuschnitt: width 880px, 480x317px (Vorschaubild)
Text- Text, der im Bild angezeigt wird
- Versteckter Text, der erst nach Klick auf den Link "mehr anzeigen" erscheint

Hinweis: Der Linktext "Mehr anzeigen" kann in den Datenquellen (Tabelle "Global Labels") geändert werden.
Link (optional)internal oder external

Hinweis: In der mobilen Ansicht wird die Galerie zum normalen Slider, der versteckte Text zum Akkordeon.

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

Gallery Slider: Vermaßung Desktop
Desktop
Gallery Slider: Vermaßung Tablet
Tablet
Gallery Slider: 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

Gallery Slider (06_13)

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