Produktslider

Owned by Sebastian Meyer
Last updated: Mar 24, 2023 by Jenny Maiwald (Unlicensed)
3 min read

 

 

Widget-Beispiel

Ein Beispiel dieses Widgets könnt ihr euch auf folgender Landingpage genauer ansehen:

Zur Landingpage

Beschreibung

Der Produktslider darf in keinem Content-Management-System fehlen. Dieses Widget gibt dir eine ausgewählte Liste von Produkten als Slider in deinem Shop aus. Du kannst die Liste selbst definieren oder aus einer Auswahl verschiedener, dynamisch berechneter Quellen wählen.

Im Produktslider stellen wir dir eine Vielzahl von Einstellungsmöglichkeiten zur Verfügung.
Damit ist es möglich sehr gezielt die entsprechenden Produkte in dem Produktslider auszugeben.

Optional könnt ihr vor oder nach dem Slide einen separaten Text einfügen und ihr könnt auswählen, wie viele Elemente nachgescrollt werden sollen.

Eine Beispielansicht im Frontend, für den Salebereich

Dazu die Ansicht im Backend

  • Du kannst dem Widget Produktslider eine individuelle Überschrift geben (in unserem Beispiel “Unsere Angebote!”).

  • Die Größe zieht sich wieder “Contentbreite, Hintergrund volle Breite”. Dazu haben wir eine individuelle Farbgestaltungen vorgenommen, passend zum Salebereich in rot und den Hintergrund in grau gestaltet (dadurch heben sich die Boxen noch einmal hervor).

  • Man kann das Widget verlinken (in unserem Beispiel zur Quelle “Sonderangebote” diese haben wir mit Hilfe der JTL Wawi eingepflegt).

  • Wir haben eine zufällige Reihenfolge aktiviert und eine mindest- und maximale Anzahl festgelegt.

  • Man kann angeben, ob ein Mindestpreis, sowie ein Maximalpreis angezeigt werden soll. Oder ob die Bewertungen, der Hersteller oder die Verfügbarkeit ausgeblendet sein soll.

 

 

Eine Beispielansicht im Frontend, für neu angelegte Artikel

Dazu die Ansicht im Backend

  • In unserem zweiten Beispiel, haben wir als Quelle “Neu im Sortiment” ausgewählt (diese haben wir ebenfalls über die JTL Wawi eingepflegt).

  • Die Größe zieht sich wieder “Contentbreite, Hintergrund volle Breite”. Diesmal haben wir den Boxen einen Hintergrund (in unserem Beispiel grau) gegeben, und den Hintergrund in weiß gestaltet, dadurch stehen die einzelnen Detailboxen mehr im Vordergrund. Die Pfeile haben wir farblich passend zu den Buttons “Neu” gestaltet.