Content-Tile-Hero

Purpose

By integrating the Content Tile Hero component on a template, the author can create images that contain text and link information. Three different images can be inserted for big (25x9), medium (21x9) and small (4x3) viewports. The integration of an image for the big viewport is mandatory, the images for medium and small viewports is optional. The headline on a Content Tile Hero component is divided from the text by a red line. The link is displayed as button link. The text alignment (centered or left aligned), die text color (black or white) and the variant can be selected via dropdown menu. Furthermore, the editor can decide whether the whole tile or only the button should be linked and whether the link should open in the same tab or in a new tab.

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.

Weine Günther Jauch

Content Tile Hero Example 1

Setting: Link Area: CTA, Theme Mixa, text postion left, font color white

Link
Content Tile Einzug

Content Tile Hero Example 2

Setting: link area: image area, Theme DIN, text position right, front color black

Link

Configuration

To create the component, follow the steps below. 

  • Step 1 
    Click on Content Tile component
  • Step 2
    Configure 
    component
Configuration of Content Tile Hero component
  • Step 3
    Integrate Link url to target page
  • Step 4
    Integrate Linktext (optional)
  • Step 5
    Choose whether the Link Target should be opened in the same window/tab, new window/tab, top window/tab or Window/tab popup
  • Step 6
    Define in the Link Area whether only the CTA or the complete image area should be linked
  • Step 7
    Integrate Teaser-Title
  • Step 8
    Integrate Teaser-Text (optional)
  • Step 9
    Choose Variante from Dropdown menu
  • Step 10
    Choose Textposition from Dropdown menu
  • Step 11
    Choose Text Color from Dropdown menu
  • Step 12
    Drag and Drop Teaser Image Large from Side Panel
Configuration of Content Tile Hero component
  • Step 13
    If wanted drag and drop Teaser Image extra small from Side Panel
  • Step 14
    Drag and Drop Teaser Image Medium from Side Panel
  • Step 15
    Integrate Title-Text (optional)
  • Step 16
    Integrate ALT Text 

Important Information

Images used in a Content Tile component must not contain text elements!

The large image is mandatory: 3840x1386px

If a medium image is inserted, a small image needs to be inserted as well.

Size of the Medium image: either 3840x1386px or use 3840x1777px

Size of the Small image: either 3840x1386px or use 3840x1426px

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