Ein Beispiel dieses Widgets könnt ihr euch auf folgender Landingpage genauer ansehen: https://showcase2.easytemplate360.de/Widget-Hauptslider
Der Hauptslider ist ein großflächiger Slider und wird meist auf der Startseite eingesetzt. Er ist meist das Erste, was der Kunde vom Shop sieht.
Erklärung zu den Standardwerten:
Größe Standard = Contentbreite
Slide-Effekt Standard = Fade
Horizontale Ausrichtung Inhalt = zentriert
Vertikale Ausrichtung Inhalt = zentriert
Es besteht die Möglichkeit, wie auch in anderer Widgets, die Zeitsteuerung zu aktivieren.
Damit kann man z.B. Aktionen im Slider präsentieren, die eine begrenzte Laufzeit haben.
Man hat die Möglichkeit diesen Slider nur gewissen Kunden zu zeigen. Die Kundengruppen stammen aus der Wawi.
Ihr könnte wählen ob Ihr Navigationspunkte oder Pfeile angezeigt haben wollt.
Der Slider kann wie der Name schon sagt, sliden (automatisch wechseln) Hierzu könnt Ihr die Zeit in ms (Millisekunden) angeben. Wird der Wert auf 0 gesetzt, findet kein automatischer Wechsel statt.
Wenn Timer auf aktiv gesetzt wird, läuft unter dem Bild eine kleine Leiste, die den nächsten Wechsel anzeigt.
Mit dem Slide-Effekt wird der Effekt bestimmt der beim Slider Wechsel passieren soll.
Mit der Einstellung Feste Höhe könnt Ihr bestimmen wie hoch Eurer Slider angezeigt werden soll.
Dies kann man pro Ausgabegerät einstellen. In unserem Beispiel haben wir für die Desktopausgabe eine höhere Einstellung gewählt als im Standard.
In diesem Beispiel zieht sich die Größe, Contentbreite, volle Breite.
Man kann optional eine Zeitsteuerung setzen.
Wir haben in diesem Beispiel, Navigationspfeile und Punkte anzeigen lassen.
Den automatischen Slideintervall haben wir auf 2000ms gesetzt.
Schauen wir uns als nächstes die Möglichkeiten der Slides an:
Ihr könnt die Slides mit verschiedenen Link-Typ versehen, z.B. auf eine Kategorie verlinken, auf ein bestimmtes Produkt, einen bestimmten Hersteller oder auf Produkte mit bestimmten Merkmalen usw.
Dabei könnt Ihr bestimmen, ob der ganze Slide verlinkt ist. Das heißt, egal wohin man in diesem Slide klickt, wird man zu dem Link weitergeleitet. Anderweitig wäre nur der Button verlinkt.
Backdrop hinter dem Text bedeutet, dass Ihr einen Hintergrundrahmen einblenden könnt, damit der Text besser lesbar gemacht werden kann.
Man hat die Möglichkeit unter dem Punkt “Slides” verschiedene Slides hinzu zufügen, in unserem Beispiel (Home, Versand, Support)
Man kann dem Punkt eine interne Bezeichnung geben und ein passendes Bild hinzufügen
Optional kann man einen Link setzen zu einer Kategorie oder zu einer bestimmten Seite.
Wir haben Backdrop hinter Text aktiviert und für die weiteren Punkte, Erste Überschrift, Zweite Überschrift, Textbeschreibung und Button Text anbei ein Bild zur Veranschaulichung.
Die Individuelle Farbgestaltung haben wir hier in Brauntönen vorgenommen.
