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
  • Countdown Teaser (14_08)

Countdown Teaser (14_08)

Das Modul „Countdown Teaser" wird vor allem während speziellen Promotionaktionen und Kampagnen genutzt, um die verbleibende Zeit abzubilden. Neben einem Bild und einer Beschreibung ist vor allem ein ablaufender Countdown das zentrale Element des Moduls.

Beispiel Seitenansicht

Das Modul ist orange markiert

Countdown Teaser: Modulansicht

Countdown Teaser in der Randspalte

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Text- Überschrift
- Unterüberschrift: darf maximal einzeilig sein
- Teasertext

Hinweis: In der Right Column wird das Modul ohne Unterüberschrift und Teasertext dargestellt.
2. Linkoptional, der gelbe CTA-Button wird auch ohne Link dargestellt
3. Bildkein besonderer Bildzuschnitt
4. Countdown- Ende des Countdowns
- Intervall der Aktualisierung: in Sekunden

Hinweis: Das Ende des Countdowns muss in der Zukunft liegen. Ist der Countdown abgelaufen, bleibt das Modul trotzdem sichtbar mit verbleibender Zeit = 0.

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Text- Überschrift
- Unterüberschrift: darf maximal einzeilig sein
- Teasertext

Hinweis: In der Right Column wird das Modul ohne Unterüberschrift und Teasertext dargestellt.
2. Linkoptional, der gelbe CTA-Button wird auch ohne Link dargestellt
3. Bildkein besonderer Bildzuschnitt
4. Countdown- Ende des Countdowns
- Intervall der Aktualisierung: in Sekunden

Hinweis: Das Ende des Countdowns muss in der Zukunft liegen. Ist der Countdown abgelaufen, bleibt das Modul trotzdem sichtbar mit verbleibender Zeit = 0.

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

Countdown Teaser: Vermaßung Desktop
Desktop
Countdown Teaser: Vermaßung Tablet
Tablet
Countdown Teaser: 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

Countdown Teaser (14_08)

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