Versions Compared

Key

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

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.

...

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

...

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

...

...

Beispiel 1, Werbebox als Text

Eine Beispielansicht im Frontend

...

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

...

Beispiel 1, Werbebox als Bild

Eine Beispielansicht im Frontend

...

Eine Beispielansicht 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.

...