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 diese 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 individuelle Schriftkonfigurationen zulässt.man individuell gestalten kann (in unserem Beispiel (Unsere Artikel)

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

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

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

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

  • 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

    Image Removed

    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. Da wir das in diesem Beispiel nicht haben, überspringen wir diese Punkte.

    Image Removed

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

...

Tipp: Wusstest du schon, dass das Widget auch eine eingebaute “Endless”-Scroll-Funktion hat? Dafür git 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

...

Die Verlinkung ist in diesem Beispiel ein manueller Link zur Startseite. Dies soll nur zur Illustration dienen, dass man hier auch eine Verlinkung zu einer Artikelkategorie oder ähnliches verlinken könnte.

...

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

...