Content Tile Enhanced

  1. Showroom Home
  2. Components
  3. Content-Tile-Enhanced

Purpose

The Content Tile Enhanced Component is a teaser component that can be integrated within the Column and the Tile-Group component. An image, a headline and a text can be inserted into the Content Tile Enhanced. Furthermore, either a Link-List (up to four links) or a single Button can be integrated at the bottom of the component. Here the author can decide between various link and button styles

Go directly to

Examples

The following examples show what the component can look like. Depending on the configuration, a component can be displayed in different ways.

Teaser Content Tile Enhanced

Content Tile Enhanced / Type Button

This is a Content Tile Enhanced with Button Style. The button is configured as "Link as button primary"

Link as button primary
Teaser Content Tile Enhanced

Content Tile Enhanced / Type Link List

This is a Content Tile Enhanced with Link List Style.

Primary Style
Standard Style
Teaser Content Tile Enhanced

Content Tile Enhanced / Type Link List

This is a Content Tile Enhanced with Link List Style.

HR-Style
Link as button secondary

Configuration

To create the component, follow the steps below. 

Settings on Content Tile Enhanced, selection Link List
  • Step 1
    Choose a Type (Link-List)
    • a. If link list is selected, up to four links can be integrated in the Drag component here areas within the Content Tile enhanced component
    • b. If button is selected, the fields 7-9 need to be filled in
  • Step 2
    Choose an image
  • Step 3
    Integrate an ALT Text
  • Step 4
    Insert a Headline
  • Step 5
    Insert a Text
Settings Content Tile Enhanced, setting Button
  • Step 6
    Choose the Link Style from the dropdown menu
  • Step 7
    Integrate the Button Text
  • Step 8
    Integrate the URL/Path
  • Step 9
    Check the checkbox if the link should be opened in a new window
Erinnerung für
Fehler Es ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.

Sollen wir Sie benachrichtigen wenn der Artikel verfügbar ist?

hh

Tag der Erinnerung
Zwei Tage vorher
Einen Tag vorher
Am Angebotstag
Uhrzeit
00:00
01:00
02:00
03:00
04:00
05:00
06:00
07:00
08:00
09:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
19:00
20:00
21:00
22:00
23:00
Hinweise
  • line 1
  • line 2
  • ...

Eine Erinnerung ist nicht mehr möglich

Die Erinnerungszeiten für diesem Artikel sind bereits abgelaufen.

Erinnerung aktiv!

hh

Sie erhalten Ihre Erinnerung am ${date} um ${time} Uhr.

hh

Wir senden Ihnen noch eine Nachricht per E-Mail, um ihre E-Mail Adresse zu bestätigen. Bitte klicken Sie auf den Link in der Nachricht.

regions.regionSwitchHeadline

regions.regionSwitchText
regions.regionSwitchTextExplicitSwitch