Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen

Flipping Card / drehendes Element für die Einkaufswelten (mit frei definierbarem Text uvm.)

Beschreibung
Die Shopware 5 - App "Flipping Card / drehendes Element für die Einkaufswelten (mit frei definierbarem Text uvm.)" fügt eine Flipping Card / ein drehendes Element zu den Einkaufswelten - Elementen hinzu, die man wie gewohnt per Drag und Drop auf einer Einkaufswelt beliebig oft platzieren kann. Durch die Erstellung und Konfiguration der Flipping Card Elemente in einem eigenen Backend - Modul können die Flipping Card Elemente unabhängig vom Einkaufswelten - Element beliebig oft einer Flipping Card zugewiesen und somit wiederverwendet werden.

Bei der Flipping Card kann man die Vorder- und Rückseite der Flipping Card auswählen. Des weiteren kann man die Aktion, bei der die Flipping Card wechseln soll, festlegen, also entweder beim Hover über das Einkaufswelten - Element oder beim Klick auf die Schaltfläche. Zusätzlich kann der Effekt für den Wechsel der Vorder- und Rückseite ausgewählt werden, also ein gleichmäßiger, seitlich linker oder seitlich rechter Flip.

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

Innerhalb des neu erstellten Backend-Moduls "Flipping Card Elemente" unter dem Menüpunkt "Inhalte" können die jeweiligen Flipping Card Elemente erstellt und entsprechend konfiguriert werden, bei der Anzahl der erstellbaren Flipping Card Elemente gibt es keine Begrenzung. Folgende Einstellungen können dabei je Flipping Card Element 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 der Vollflächigkeit der Textbox (die Textbox erstreckt sich somit über 100% der Breite)
  • die Festlegung der vertikalen Position der Textbox (oben, mittig, unten) und des dazugehörigen Außenabstandes
  • die Festlegung der horizontalen Position der Textbox (links, mittig, rechts) und des dazugehörigen Außenabstandes
  • die Festlegung des Innenabstandes der Textbox
  • die Festlegung der Hintergrundfarbe und der Hover-Hintergrundfarbe der Textbox
  • die Festlegung der Schriftfarbe und der Hover-Schriftfarbe des Textes
  • die Festlegung der Schriftfarbe und der Hover-Schriftfarbe der Links
  • die Festlegung der Breite der Textbox, wenn sich der Inhalt beispielsweise über mehrere Zeilen und nicht über die komplette Fläche erstrecken soll

Der Inhalt des Textbereichs eines Flipping Card Elements 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.