Teaser und Banner für eine Erlebniswelt (mit frei definierbarem Text & Schaltfläche uvm.)

Beschreibung

Die Shopware 6 - App "Teaser und Banner für eine Erlebniswelt (mit frei definierbarem Text & Schaltfläche uvm.)" fügt Teaser und Banner zu den Erlebniswelten - Elementen hinzu, die man entweder über die eigenen CMS Blöcke "1 Spalte, Teaser & Banner", "2 Spalten, Teaser & Banner" und "3 Spalten, Teaser & Banner" aus der Block-Kategorie "Text & Bild" oder wie gewohnt bei einem bereits platzierten CMS Block (beispielsweise bei "Text", "Zwei Spalten, Text" oder "Drei Spalten, Text") über das Wechsel-Icon (beim Anklicken eines Elements, siehe auch https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten#bloecke und "Element mit Inhalt füllen") dem CMS Block zuweisen und sie dadurch auch beliebig oft auf einer Erlebniswelt platzieren kann.

Beim Element für die Teaser und Banner kann im Tab "Einstellungen" ausgewählt werden, ob das ausgewählte Bild als Hintergrundbild eingebunden werden soll oder ob der Inhaltsbereich auf dem Bild platzieren werden soll, wenn das Bild kein Hintergrundbild ist. Zusätzlich können runde Ecken für das Element und der Abstand des kompletten Elements in Pixeln festgelegt werden. Insofern das Bild als Hintergrundbild eingebunden wurde, kann die Ausrichtung des Hintergrundbildes (von links oben bis rechts unten) und die Abmessung des Hintergrundbildes (contain, cover oder auto) ausgewählt und eine Hintergrundfarbe für das Element und eine minimale Höhe für das Element festgelegt werden. Des Weiteren kann man auch das komplette Element verlinken, falls dies gewünscht ist.

Im Tab "Inhaltsbereich 1" und im Tab "Inhaltsbereich 2" des Elements stehen folgende Konfigurationsmöglichkeiten zur Verfügung:

die Festlegung, ob sich die Breite des Inhaltsbereichs nach dem Inhalt richten soll (in diesem Fall hat der Inhaltsbereich dann keine feste Breite)
die Festlegung einer Maximalbreite des Inhaltsbereichs in Prozent oder Pixeln (Fall sich der Inhaltsbereich nicht über die gesamte Fläche erstrecken soll)
die Festlegung von runden Ecken für den Inhaltsbereich in Pixeln
die Festlegung der vertikalen Ausrichtung des Inhaltsbereichs (oben, mittig oder unten) und des dazugehörigen Außenabstandes
die Festlegung der horizontalen Ausrichtung des Inhaltsbereichs (links, mittig oder rechts) und des dazugehörigen Außenabstandes
die Festlegung des Innenabstandes des Inhaltsbereichs in Pixeln
die Festlegung einer Hintergrundfarbe für den Inhaltsbereich (bei Bedarf auch mit Transparenz)
die Festlegung des Textes des Inhaltsbereichs über ein TinyMCE - Feld
die Festlegung, ob die Linktexte beim Hover unterstrichen oder ob eine automatische Silbentrennung der Wörter angewendet werden soll
die Festlegung des Innenabstandes des Textes in Pixeln

Im Tab "Inhaltsbereich 1" des Elements gibt es ebenso die Möglichkeit, sich eine Schalfläche mit folgenden Konfigurationsmöglichkeiten anzeigen zu lassen:

die Festlegung des Textes der Schaltfläche
die Festlegung des Links der Schaltfläche
die Festlegung, ob das Icon der Schaltfläche angezeigt oder der Link in einem neuen Tab geöffnet werden soll
die Festlegung, ob der Text und die Schaltfläche untereinander platziert werden soll (andernfalls nebeneinander)
die Festlegung, ob der Linktext beim Hover unterstrichen oder ob eine automatische Silbentrennung der Wörter angewendet werden soll
die Festlegung des Innenabstandes der Schaltfläche in Pixeln
die Festlegung einer Schrift- und Hintergrundfarbe für die Schaltfläche