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
  • Deutsch
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Gallery/List/Teasers
  • Teaser Collection Container

Teaser Collection Container

The Teaser Collection Container component is a collection of teaser elements that builds up dynamically on the page. This is a container component in which the individual teasers are bundled.

The teasers are linked to pages, a click on the teaser redirects the visitor to the linked page. There are two types of teasers that can be included here:

  • Tile Teaser

  • Top Story Teaser

Example page view

The module is marked in red

zoom

This is how the module works

The module consists of the following components

ContentDescription
Headlineis displayed centered above the teaser
Enable fullwidth of containerEnable or disable the full width area for the teasers
Enable gap between columnsEnable spacing between two adjacent columns
ColumnsChoose the number of columns (1 to 4) for mobile, tablet and desktop views
Teaser Elements- any number of tile teasers and top story teasers possible

Tile Teaser consists of the following components

ContentDescription
Tile TypeChoose image tile or icon tile with text
Tile textText as title for the teaser
Image-Choose the icon image for the icon tile
-Select background image for image tile
Link to page- internal or external

Note: The entire teaser is linked, including the image. The teaser is also displayed without a link target.

Top Story Teaser consists of the following components

ContentDescription
Headline-will be displayed on the teaser
-character limit: between 20 and 50 characters.
Subheadline-is displayed below the teaser
-character limit: between 50 and 150 characters.
ImageSelect background image for image tile
Select publisherSelecting a publisher. The publisher must exist in a data source and can be selected from a list.
Link- internal or external

Note: The entire teaser is linked, including the image. The teaser is also displayed without a link target.
Pin-Teaser-Checkbox
-Select pin date

The module can be used in the following templates and page areas:

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
The blue area indicates that the module is applicable in this content area.

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

Example page “Name of the module”

Example page

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn