Individueller Emotion Teaser für die Einkaufswelten (mit frei definierbarem Text und einer Schaltfläche uvm.)

Beschreibung

Die Shopware 5 - App "Individueller Emotion Teaser für die Einkaufswelten (mit frei definierbarem Text und einer Schaltfläche uvm.)" fügt einen individuellen Emotion Teaser zu den Einkaufswelten - Elementen hinzu, den man wie gewohnt per Drag und Drop auf einer Einkaufswelt beliebig oft platzieren kann. Durch die Erstellung und Konfiguration der Teaserelemente in einem eigenen Backend - Modul können die Teaserelemente unabhängig vom Einkaufswelten - Element beliebig oft einem Teaser zugewiesen und somit wiederverwendet werden.

Beim Emotion Teaser kann man unter anderem auswählen, ob der Text und der Link in der unteren Textbox untereinander platziert werden sollen oder nebeneinander.

Innerhalb des neu erstellten Backend-Moduls "Teaserelemente" unter dem Menüpunkt "Inhalte" können die jeweiligen Teaserelemente erstellt und entsprechend konfiguriert werden, bei der Anzahl der erstellbaren Teaserelemente gibt es keine Begrenzung. Folgende Einstellungen können dabei je Teaserelement festgelegt werden:

die Auswahl des Bildes
die Auswahl der Hintergrundposition für das Hintergrundbild
die Auswahl der Hintergrundabmessung für das Hintergrundbild (contain, cover oder auto)
die Festlegung der Hintergrundfarbe

Bei der Textbox stehen eine Vielzahl an Konfigurationsmöglichkeiten zur Verfügung, dazu gehören:

die Festlegung, ob die untere Textbox unter oder auf dem Bild platziert werden soll
die Festlegung der Hintergrundfarbe und der Hover-Hintergrundfarbe der Textbox
die Festlegung des Innenabstandes der Textbox

Bei dem Text stehen folgende Konfigurationsmöglichkeiten zur Verfügung:

die Festlegung der Schriftfarbe und der Hover-Schriftfarbe des Textes

Bei dem Link stehen folgende Konfigurationsmöglichkeiten zur Verfügung:

die Festlegung der Schriftfarbe und der Hover-Schriftfarbe des Linktextes
die Festlegung einer Linktextes
die Festlegung eines Linkziels
die Festlegung, ob der Linktext fett markiert werden soll

Der Inhalt des Textbereichs eines Teaserelements kann über ein TinyMCE - Feld gepflegt werden, sodass Sie beispielsweise folgende Inhaltselemente in dem Textbereich hinterlegen können:

normalen Text
Bilder
Links
HTML-Elemente
Überschriften (h1, h2, h3, h4, h5 und h6) über den optional aktivierbaren Erweiterten Editor ("Einstellungen" -> "Benutzerverwaltung" -> Benutzer auswählen -> Haken bei "Erweiterter Editor" setzen) beim TinyMCE - Feld beim Auswahlfeld "Vorlage"

Ebenso kann man über das TinyMCE - Feld beispielsweise den Inhalt zentrieren, formatieren (beispielsweise fett oder kursiv markieren oder unterstreichen) oder auch Links setzen oder die Schriftgröße festlegen.