Gallery

Purpose

With the Gallery component images or videos can be displayed as sliders on various templates.

Go directly to

Important Information

Image ratio: 16:9

If only one Gallery element is used the component gets displayed like the Media component.

Examples

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

Configuration

  • Step 1 
    Within Gallery component (displayed with gray background) click on Drag Component area
  • Step 2
    Click on Plus Icon
  • Step 3 
    Component List is displayed
Integrating the Gallery element
  • Step 4
    Choose Gallery Element
  • Step 5
     Gallery Item
    appears
Configuration of Gallery Element
  • Step 6
    Configure Gallery Item-Component
  • Step 7
    Drag and Drop Media Asset (Video or image) from the side panel
  • Step 8
    Integrate Title (optional)
  • Step 9
    Integrate ALT Text
  • Step 10
    Integrate Author (This is a microdata setting, so whatever is integrated here is visible only in the source code. This is relevant for SEO)
  • Step 11
    Integrate Location (This is a microdata setting, so whatever is integrated here is visible only in the source code. This is relevant for SEO)
  • Step 12
    Integrate Caption
  • Step 13
    Save changes
  • Step 14
    Repeat steps 1-12 until all media items that should be displayed in the Gallery are integrated
  • Step 15
    Per default, new Gallery Elements appear at the end of the Gallery
  • Step 16
    The order of the elements can be adjusted manually by dragging and dropping the items within the Gallery
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