Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen

Emotion Banner Slider mit nebeneinander platzierten Bannern (Banner mit frei definierbaren Texten uvm.)

Beschreibung
Die Shopware 5 - App "Emotion Banner Slider mit nebeneinander platzierten Bannern (Banner mit frei definierbaren Texten uvm.)" fügt einen individuellen Emotion Banner Slider mit nebeneinander platzierten Bannern 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 Banner Slider Elemente in einem eigenen Backend - Modul können die Banner unabhängig vom Einkaufswelten - Element beliebig oft einem Banner Slider zugewiesen und somit wiederverwendet werden.

Beim Emotion Banner Slider kann man unter anderem auswählen, ob die Navigationspfeile angezeigt werden sollen und ob der Emotion Banner Slider automatisch rotieren soll.

Ebenso kann man das Aussehen der Navigationspfeile (Rechteck, Dreieck, Kreis und ohne Hintergrund / Rahmen) bei jedem Emotion Banner Slider individuell festlegen.

Des Weiteren kann man die Scroll- und Rotationsgeschwindigkeit festlegen. Die Berechnung der Prozentangabe für die nebeneinander platzierten Banner erfolgt auf Grundlage der Shopware - Slider - Funktion, die beispielsweise auch bei den Slidern auf der Artikel - Detailseite (beispielsweise "Ähnliche Artikel") genutzt wird und anhand der die Banner entsprechend der Auflösung automatisch angepasst und aufgeteilt werden.

Der Emotion Banner Slider ermöglicht derzeit bis zu 20 Bannersliderelemente, die Sie über ein Auswahlfeld dem Emotion Banner Slider zuordnen können.

Innerhalb des neu erstellten Backend-Moduls "Bannersliderelemente" unter dem Menüpunkt "Inhalte" können die jeweiligen Bannersliderelemente erstellt und entsprechend konfiguriert werden, bei der Anzahl der erstellbaren Bannersliderelemente gibt es keine Begrenzung. Folgende Einstellungen können dabei je Bannersliderelement festgelegt werden:
  • die Auswahl des Modus des Hintergrunds, also ob ein Hintergrundbild oder eine Hintergrundfarbe festgelegt werden soll
  • die Auswahl der Hintergrundposition für das Hintergrundbild
  • die Auswahl der Hintergrundabmessung für das Hintergrundbild (contain, cover oder auto)
  • die Festlegung der Hintergrundfarbe
  • die Festlegung von runden Ecken

Bei jeder der 4 Textboxen stehen dabei 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 der Textbox
  • die Festlegung der Breite der Textbox, wenn sich der Inhalt beispielsweise über mehrere Zeilen und nicht über die komplette Fläche erstrecken soll
  • die Festlegung von runden Ecken für die Textbox.

Der Inhalt der bis zu 4 Textboxen eines Bannersliderelements kann über ein TinyMCE - Feld gepflegt werden, sodass Sie beispielsweise folgende Inhaltselemente in den Textboxen 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"
  • Videos (YouTube, Vimeo oder HTML5).

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.

Zusätzlich hat man die Möglichkeit, das komplette Bannersliderelement auf ein selbst festlegbares Ziel zu verlinken.