Teaser

Ab Theme Version 2.5.0 steht Dir zur Bearbeitung der Erlebniswelten das Teaser Element zur Verfügung - exklusiv für die Pro Version der Themes auf Shopware Self-managed Systemen.

Feature der Pro Version

Teaser Elemente werden dazu genutzt um Kategorien oder andere wichtige Bereiche bildlich zu verlinken.

Konfigurationsbeispiele

Mit Hilfe der Element-Konfiguration lassen sich sehr viele sehr unterschiedliche Teaser-Looks erstellen. Wir haben uns einmal ein paar grundlegend unterschiedlichen Teaser-Konfiguration herausgesucht und erläutert.

Teaser als Button-Teaser

Die Standard-Darstellung des Teasers. Neben dem Teaser-Bild, Text und optionalen Animationen wurden keine Einstellungen verändert.

Teaser mit Transparenzen und abgerundeten Ecken

In diesem Beispiel sind die Einstellungen der minimalen Breite (5) und der maximalen Breite (6) entscheidend.

Eine etwas größere Schriftgröße (1) und Schriftgewicht (2) machen den text etwas kräftiger.

Die weiße Textfarbe (3) wird auf einen teiltransparenten Hintergrund (4) gesetzt. Beachte, dass im Color-Picker im Feld Alpha die Sichtbarkeit auf 80 gestellt wurde.

Die minimale Breite (5) von 100% sorgt dafür, dass der Text-Container über die gesamte Breite des Teasers gestreckt wird. Die maximale Breite (6) muss dann ebenfalls 100% betragen oder leer sein.

Individuelle Innenabstände (7) sorgen für mehr Raum in der gewählten Hintergrundfarbe (4) um den Text herum. Damit der Text-Container bis an den Rand des Teaser geht, müssen die Außenabstände (8) genullt werden.

Soll das gesamte Teaser-Element abgerundete Ecken (1) erhalten, können diese aktiviert und eingestellt werden.

Ein optionaler Zoom Effekt als Bild Mouse-Over (2) bringt noch ein wenig Bewegung ins Spiel.