Tile-Group-Extended

  1. Showroom Home
  2. Components
  3. Tile-Group-Extended

Purpose

This Tile Group is only used to display 2, 3 or 4 Content Tiles. Therefore you can choose a corresponding grid in the properties of the component to set how many tiles are displayed. The width of the individual tiles depends on the selected grid and the associated number of tiles (max. 4). For example, two 50% width tiles are displayed when grid type 2 is selected or one 50% width and two 25% width tiles are displayed when grid type "3 mixed" is selected. With the selection "Variant" the tiles of the left and right side can be switched.

The Component is for use on CR-Seiten    

 

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.

Example 1: Grid 2, Variant A

Tile Group Extended

Grid 2, Variant A, Image Ratio 16x9

Link

Tile Group Extended

Grid 2, Variant A, Image Ratio 16x9

Link

Example 2: Grid 3 with images, Variant B

Tile Group Extended

Grid 3 with images, Variant B, Image Ratio 4x3

Link

Tile Group Extended

Grid 3 with images, Variant B, Image Ratio 4x3

Link

Tile Group Extended

Grid 3 with images, Variant B, Image Ratio 4x3

Link

Example 3: Grid 4 with text

Tile Group Extended

Grid 4 with text

Link

Tile Group Extended

Grid 4 with text

Link

Tile Group Extended

Grid 4 with text

Link

Tile Group Extended

Grid 4 with text

Link

Configuration

To create the component, follow the steps below. 

Configuration of the Tile Group extended component
  • Step a
    Select layout group (for example 2 large or 4 small tiles).
  • Step b
    Select variant
  • Step c
    Select color scheme of tiles
Configuration of the Content Tile extended component
  • Step a
    Add image via drag&drop
  • Step b
    Enter Image-Title
  • Step c
    Enter Image Alt-Text
  • Step d
    Enter Tag-Line
  • Step e
    Enter headline
  • Step f
    Enter text
  • Step g
    Enter link text
  • Step h
    Enter link path    
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