Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

Widget-Beispiel

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

Beschreibung

Dieses Widget gibt es nur in den Bereichen Kategorie , Hersteller , Merkmalwert und Suchergebnis - oder kurz gesagt immer dort, wo der Hauptinhalt der Seite eine filterbare Liste von Produkten ist.

Das Kernstück der Artikeldarstellung sind die Produkte, was man über dieses Widget steuert.
Dementsprechend gibt es hier auch eine Vielzahl von Einstellungsmöglichkeiten.
Neben der eigentlichen Liste der Produkte enthält dieses Widget auch die Filter, Sortierung und Paginierung und die entsprechenden Einstellungen dazu.

Man kann einzelne Werbeboxen hinzufügen, bei diesen kann man eine eigene Zeitsteuerung aktivieren.

Hier ein Ausschnitt aus einer Produktliste, die im Screenshot gekürzt wurde, aber dennoch einen Eindruck gibt, welche Möglichkeiten der Anwender hat:

Eine Beispielansicht im Frontend

...

Dazu die Ansicht im Backend

  • Setzen einer Überschrift, die man individuell gestalten kann (in unserem Beispiel (Unsere Artikel)

  • Einstellung wie breit das Widget sein soll, in unserem Beispiel “Standard” (Contentbreite, Hintergrund volle Breite)

  • Man kann auswählen wie die Darstellung der Produkte sein soll, in dem Beispiel als Galerie.

...

  • Setzen der Kategorie-Navigation und der Merkmalfilter über den Punkt Filter Position. Diese wurden hier links gesetzt.

  • Außerdem kann gewählt werden, wie die Filter dargestellt werden. Hier wurde Standard gewählt, die Filter sind automatisch beim auswählen der Kategorie offen.

  • Es steht eine Auswahl zur Verfügung, wo Ihr bestimmen könnt, wo der Kategoriebaum platziert wird.

  • Außerdem kann ausgewählt werden, das die Anzeige auf nur den aktiven Kategoriebaum zu begrenzen ist, also alle Katergorien unterhalb der gerade aktiven Hauptkategorie anzeigen zu lassen.

  • Der nächste Punkt betrifft die Aufteilung der Produkte in einer Zeile, bei Darstellung als Galeriedarstellung.

Die folgenden Einstellungen für die Listenansicht gibt analog auch für die Galerieansicht:

  • Hier wählt Ihr wie viele Produkte angezeigt werden soll bevor ein Seitenwechsel nötig ist.

  • Ihr könnt bestimmen, ob Ihr die Bewertungen anzeigen möchtet.

  • Ihr könnt bestimmen, ob der Hersteller in der Ansicht anzeigt werden soll.

  • Ein tolles Feature ist, den Warenkorb-Bereich zu aktivieren. Damit habt Ihr die Möglichkeit, Artikel direkt in den Warenkorb zu legen und das auch bei Variationen, wenn Ihr dieses ebenfalls mit aktiviert habt.

  • Ihr könnte angeben, wie viele Variationen und wie viele Variationswerte angezeigt werden dürfen.

Tipp: Wusstest du schon, dass das Widget auch eine eingebaute “Endless”-Scroll-Funktion hat? Dafür gibt es die Einstellung Paginierungsmodus

  • Ihr könnt dem ganzen Aussehen auch Individuellen Farben zuordnen.

    • Hier im Beispiel ein kleiner Ausschnitt von den möglichen Einstellungen.

Eine Beispielansicht im Frontend, “Werbebox als Text”

...

Dazu die Ansicht im Backend

  • Man kann sich auch eigene Werbeboxen erstellen, die innerhalb der Liste der Produkte ausgegeben werden! Dazu haben wir eine Werbebox hinzugefügt.

  • Es kann eingestellt werden, wie die Box angezeigt wird und ob Ihr eigene Inhalte verwenden wollt.
    Wir haben in diesem Beispiel die Einstellung “Eigenen Inhalt verwenden” gewählt.

  • Bei den Einstellungen “Zielposition”, haben wir bei Desktop “2” eingetragen, das bewirkt, dass die Box immer an zweite Stelle steht.

  • Man kann die Box auch zu einer bestimmten Seite verlinken.

  • Den einzelnen Werbeboxen kann eine eigene Zeitsteuerung aktiviert werden.

...

Image Added

Eine Beispielansicht im Frontend, “Werbebox als Bild”

...

Dazu die Ansicht im Backend

  • In diesem Beispiel haben wir die Einstellung “Bildmodus, Einzelbild” gewählt.

  • Bei den Einstellungen “Zielposition”, haben wir bei Desktop wieder “2” eingetragen, das bewirkt, dass die Zeile immer an zweite Stelle steht.

...