Bildslider
Widget-Beispiel
Ein Beispiel dieses Widgets könnt ihr euch auf folgender Landingpage genauer ansehen: https://showcase2.easytemplate360.de/Widget-Bildslider
Beschreibung
Der Bildslider ist dafür geeignet, mehrere Bilder (unabhängig von Produkten oder Herstellern) als Slider dazustellen und zu verlinken.
Ihr habt die Möglichkeit, eine individuelle Überschrift über den Slider zu setzen.
Ihr könnt bestimmen wie viele sichtbare Slides Ihr in einer Ansicht angezeigt bekommen möchtet.
Ihr könnt vor oder nach dem Slide einen separaten Text einfügen
Es ist möglich zu wählen, ob ein Abstand zwischen den Slides vorhanden sein soll oder nicht. Wenn kein Abstand gewünscht ist, dann muss dies aktiviert werden.
Standardmäßig ist kein Slideintervall aktiviert. Ist ein Slideintervall gewünscht muss man den Wert in Millisekunden eingeben und aktiviert damit den Wechsel der Bilder, zusätzlich könnt ihr auswählen, wie viele Elemente nachgescrollt werden sollen.
Man kann kleine Navigationsbuttons und neben dem Slide Navigationspfeile aktivieren.
Mit Hilfe des “Zentrieren-Modus” wird versucht die Elemente in der Mitte des Slides zu platzieren
Ein Hoverstil kann ebenfalls gewählt werden
Zuletzt müssen die entsprechenden Bilder hinterlegt werden.
Erklärung zu den Standardwerten:
Größe Standard = Contentbreite
Anzahl sichtbarer Slides bei
Smartphone hochkant = 1
Smartphone quer/Tablet hochkant = 2
Tablet quer = 3
Laptop = 4
Desktop = 5
Hoverstil Standard = kein
Eine Beispielansicht im Frontend, “Contenbreite, Hintergrund volle Breite”
Dazu die Ansicht im Backend
Wir haben dem Widget die Überschrift “Damenschuhe Winter” gegeben.
Bildslider zieht sich nur über die Contentbreite
Zentriermodus ausgewählt
Navigationspfeile angezeigt
Eine Beispielansicht im Frontend, “volle Breite”
Dazu die Ansicht im Backend, “volle Breite”
Bildslider zieht sich über die volle Breite des Bildschirmes
Anzahlsichtbarer Slides “5 bei Desktop”
Navigationspunkte angezeigt
Hoverstil “schwarz / weiß bei Hover”