Drehendes Element / Flipping Card für eine Erlebniswelt (mit frei definierbarem Text uvm.)

Beschreibung

Die Shopware 6 - App "drehendes Element / Flipping Card für eine Erlebniswelt (mit frei definierbarem Text uvm.)" fügt ein drehendes Element / Flipping Card zu den Erlebniswelten - Elementen hinzu, das man entweder über die eigenen CMS Blöcke "2 Spalten, Flipping Card" und "3 Spalten, Flipping Card" aus der Block-Kategorie "Text & Bild" oder wie gewohnt bei einem bereits platzierten CMS Block (beispielsweise bei "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 es dadurch auch beliebig oft auf einer Erlebniswelt platzieren kann.

Bei der Flipping Card kann man im Tab "Einstellungen" unter anderem die Aktion, bei der die Flipping Card wechseln soll, festlegen, also entweder beim Hover über das Erlebniswelten - Element oder beim Klick auf die Schaltfläche. Zusätzlich kann man auch den Effekt für den Wechsel der Vorder- und Rückseite auswählen, also ein gleichmäßiger, seitlich linker oder seitlich rechter Flip.

Bei der Schaltfläche für den Wechsel der Flipping Card kann die Hintergrundfarbe und die Hover-Hintergrundfarbe, die Schriftfarbe und die Hover-Schriftfarbe aber auch die Rahmenfarbe, die vertikale Ausrichtung (oben, mittig, unten) inklusive des dazugehörigen Abstandes, die horizontale Ausrichtung (links, mittig, rechts) inklusive des dazugehörigen Abstandes, der Innenabstand, die Vollflächigkeit der Schaltfläche, der Text der Schaltfläche und ein Icon (Pfeil-nach-rechts & Pfeil-nach-links oder Plus & Minus) festgelegt werden.

Des weiteren können zusätzlich folgende Einstellungen jeweils für die Vorder- und die Rückseite festgelegt werden:

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

Beim Inhaltsbereich der Vorder- und Rückseite stehen ebenso eine Vielzahl an Konfigurationsmöglichkeiten zur Verfügung, dazu gehören:

die Festlegung der Hintergrundfarbe und der Hover-Hintergrundfarbe des Inhaltsbereichs
die Festlegung der vertikalen Ausrichtung des Inhaltsbereichs (oben, mittig, unten) und des dazugehörigen Abstandes
die Festlegung der horizontalen Ausrichtung des Inhaltsbereichs (links, mittig, rechts) und des dazugehörigen Abstandes
die Festlegung des Innenabstandes des Inhaltsbereichs
die Festlegung der Vollflächigkeit des Inhaltsbereichs
die Festlegung der Breite des Inhaltsbereichs, wenn sich der Inhalt beispielsweise über mehrere Zeilen und nicht über die komplette Fläche erstrecken soll
die Komplettverlinkung der Rückseite

Der Inhalt kann dabei über ein TinyMCE - Feld gepflegt werden, sodass Sie beispielsweise folgende Inhaltselemente im Inhaltsbereich hinterlegen können:

normalen Text
Bilder
Links
HTML-Elemente
Überschriften (h1, h2, h3, h4, h5 und h6)

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