Strukturkomponenten

Strukturkomponenten sind Komponenten, die eine Seite beispielsweise in Spalten aufteilen können.

Container

Fakten teaser

FAKT 1

Das ist ein Text

Fakt 2

Das ist ein Text

FAKT 3

Das ist ein Text

FAKT 4

Das ist ein Text

Container

Fakten-Teaser

 Der Fakten-Teaser liegt in der Inhaltssammlung eines Faktengrids. D. h. zu erst muss das Strukturelement Faktengrid ausgewählt werden. Darunter findet man dann die Faktenteaser.  
Container

BILD- oder Farb teaser

Optional kann diese Komponente auch mit abgerundeten Ecken dargestellt werden.

Topline

Kleiner Teaser

nimmt 1/3 der Fläche ein. Dieser kann mir einem Bild oder einer Farbfläche (Primary, Secondary, Accent, CTA, Ambient) hinterlegt werden.

Mittlerer Teaser

nimmt 2/3 der Fläche ein. Dieser kann mir einem Bild oder einer Farbfläche (Primary, Secondary, Accent, CTA, Ambient) hinterlegt werden. Mit dem Teaser kann man eine Topline, Titel, Text und Preis pflegen - auch hier gilt: Alles was nicht gepflegt wir, wird auch nicht ausgespielt.

2022

Nicht verwechseln

grosser Teaser

Der große Teaser im Grid unterscheidet sich um großen Teaser als allgemeine Komponente darin, dass kein Button pflegbar ist - sondern nur insgesamt mit einem Link hinterlegt werden kann.  Im Gegensatz ist rechts und links etwas Weißraum. 
Alle Teaser können auch mit einem sog. Badge (Info-Icon) hinterlegt werden. Alternativ kann dieses auch rechtsbündig dargestellt werden.

Preis 50 €

Container

Teaser in 4teln

Damit der Teaser anstatt in dritteln auch in vierteln angezeigt werden kann, muss im Inspector des Grids das Häckchen "4 Teaser anzeigen" ausgewählt werden. In der Funktionalität verhalten sich die Teaser gleich.

kleiner Teaser (1/4)

kleiner Teaser (1/4)

mit Umrandung

Tobi der Fuchs winkt

kleiner Teaser (1/4)

kleiner Teaser (1/4)

Mittlerer teaser(2/4)

Mittlerer teaser(2/4)

Container

Button Teaser

Der Button Teaser funktioniert wie der Grid-Teaser. Es wird lediglich noch ein Button dazu angezeigt. Ansonsten kann eine Farbe, Umrandung, Gradient und Bild gepflegt werden. Optional kann diese Komponente auch mit abgerundeten Ecken dargestellt werden.

Button Teaser

Text

button text

Button Teaser

mit Umrandung

button text
Tobi der Fuchs winkt

Button Teaser

Mit Gradient Farbe

button text
winkende Nixe mit Maske

Button Teaser mit Bild

button text
Container

Text teaser

Optional kann diese Komponente auch mit abgerundeten Ecken dargestellt werden.

ohne Bild

Textteaser

Der Textteaser leigt ebenfalls unter dem Strukturelement "Grid". Diese lassen sich gleich wie die anderen Teaser in verschiedenen Größen darstellen.

in 2 verschiedenen 

Tobi der Fuchs winkt

Größen darstellbar.

Container

Webcam

Mit der Webcam Komponente können Webcams per Link eingebunden werden. Die Bilder können dann auch im Live-Menü verwendet werden.

Webcam

direkte Einbindung der Webcam-Bild-URL

Webcam externer Link

Einbindung einer Webcam mit externem Link und eigenem Bild

Bild vergrößern

Einbettungscode

Einbindung über einen Einbettungscode der Webcam

Container

Icon Grid

Der Icon-Teaser liegt im Icon Grid. Hier lassen sich bis zu 5 Icon Teaser nebeneinander pflegen. Das Basis-Icon Set ist in deiner #website plus inklusive. Du kannst aber auch eigene hochladen oder weitere bei uns anfragen. Auch hier kannst du verschiedene Farben hinterlegen.

Container

Icon Grid

Für diese Variante des Icon-Teasers hast du deine Icons nochmal in weißer Farbe zur Verfügung stehen.

  • Icon-Teaser

  • Icon-Teaser

  • Icon-Teaser

  • Icon-Teaser

  • Icon-Teaser

Container

Medien-slider

Der Medienslider ist eine andere Darstellung einer Galerie. Dieser nimmt die volle Breite ein, ohne Weißraum zulassen. Hier können Bilder und Videos aus der Medienbibliothek gemischt werden.

Container

Partnergrid

Zur Darstellung von Partnerlogos innerhalb einer redaktionell gepflegten Seite.
Zum Beispiel zur Darstellung von Sponsoren. Wir empfehlen euch, die Logos vorher auf ein Format anzugleichen, damit es insgesamt aufgeräumt wirkt.

Container

Slider grid

In den Slider Grid können Slider-Teaser gelegt werden. Diese verhalten sich wie die anderen Teaser.

Topline

Slider-Teaser

Lorem Ipsum

Topline

Slider-Teaser

Lorem Ipsum

Topline

Slider-Teaser

Lorem Ipsum

Topline

Slider-Teaser

Lorem Ipsum

Container
Container

Akkordeon

Mit dem Akkordeon Container lassen sich FAQ darstellen.

  • Antwort!

  • Geht auch

    tada

Container