Teaser

Für Shopware Self-hosted

Ab Theme Version 2.5.0 stehen Dir zur Bearbeitung der Erlebniswelten Teaser Elemente zur Verfügung. Teaser  ermöglichen es Dir echte Texte auf Bilder zu legen und zu positionieren.

Beispiele als Button-Teaser

Teaser-Darstellung mit optischen Buttons, welche durch Effekte aus- oder eingeblendet werden können. Platzierungsmöglichkeiten werden weiter unten dargestellt.
preview_one_full
Lorem ipsum dolor
preview_two_full
Lorem ipsum dolor
preview_three_full
Lorem ipsum dolor

Beispiele mit Transparenzen und abgerundeten Ecken

Teaser-Darstellung mit teiltransparenten Hintergrundfarben. Optionale Animationen zum Aus- oder Einblenden der Texte sorgen für Interaktivität.
preview_one_full
Lorem ipsum dolor
preview_two_full
Lorem ipsum dolor
preview_three_full
Lorem ipsum dolor

Animationen Einblenden

Verschiedene Animationen blenden das Text-Element ein - passende Animationen zum Ausblenden können beliebig kombiniert werden.
preview_one_full
Lorem ipsum dolor
preview_two_full
Lorem ipsum dolor
preview_three_full
Lorem ipsum dolor

Animationen Ausblenden

Verschiedene Animationen blenden das Text-Element aus - passende Animationen zum Einblenden können beliebig kombiniert werden.

preview_one_full
Lorem ipsum dolor
preview_two_full
Lorem ipsum dolor
preview_three_full
Lorem ipsum dolor

Hintergrundbild mit Farbe überlagern

Dämpfe das Hintergrund nach belieben mit einer Teiltransparenten Farbe ab und gestalte so den Text lesbar.
preview_one_full
Lorem ipsum dolor
preview_two_full
Lorem ipsum dolor
preview_three_full
Lorem ipsum dolor

Positionierung, abgerundete Ecken, Bild Mouse-Over

Neben den allgemeinen Positionierungen, können über Abstände in Pixel oder Prozent Feinabstimmungen vorgenommen werden.
preview_one_full
Oben links #1
preview_two_full
Oben mitte #2
preview_three_full
Oben rechts #3
preview_one_full
Mitte links #4
preview_two_full
Mitte mitte #5
preview_three_full
Mitte rechts #6
preview_one_full
Unten links #7
preview_two_full
Unten mitte #8
preview_three_full
Unten rechts #9