Widget-Beispiel

Ein Beispiel dieses Widgets könnt ihr euch auf folgender Landingpage genauer ansehen: https://showcase2.easytemplate360.de/Widget-Hauptslider

Beschreibung

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.

Eine Beispielansicht im Frontend, “Contentbreite, volle Breite”

Open

Dazu die Ansicht im Backend

• 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.

Open

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.

Eine Beispielansicht im Frontend, “volle Breite”

Dazu die Ansicht im Backend

• 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.