Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

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

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.

  • NEU ab Template Version 2.0.11 ist Kategorie-Navigation immer links anzeigen als neue Option und Linke Filter/Kategoriebaum Sticky zu aktivieren

  • 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 git 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, haben wir in diesem Beispiel aber nicht getan.

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.

  • No labels