Navigation

ThemeWare® Handbuch

Produkt-Slider (Kategorie "Commerce")

In diesem Abschnitt befinden sich Konfigurationsfelder für den Produkt-Slider (Kategorie "Commerce").

Der Produkt-Slider ist ein Shopware-Block aus der Block-Kategorie "Commerce". Er zeigt mehrere Produkte nebeneinander, die sich über die Navigationspfeile durchblättern lassen. ThemeWare® ergänzt dafür Darstellungsarten mit angeschnittenen oder überlaufenden Nachbarprodukten, den Abstand zwischen den Produkten, die vertikale Position und das Styling der Navigationspfeile sowie die Hintergrundfarbe des Produktbilds.

Produkt-Slider mit angeschnittenem Nachbarprodukt und Navigationspfeilen auf der Kante

Layout-Beispiel: Produkt-Slider mit Überlauf

Info: Die Darstellungsarten mit Überlauf wirken auf alle Produkt-Slider, also auch auf das Cross-Selling der Produktseiten. Für einzelne CMS-Blöcke lassen sie sich per CSS-Klasse abweichend setzen, mehr dazu unter Produkt-Slider mit Überlauf.


Hover-Bild im Produkt-Slider

Das Hover-Bild funktioniert im Produkt-Slider genauso wie im Listing: Beim Überfahren mit der Maus wechselt das Produktbild zum Hover-Bild, auf Smartphones und Tablets wechseln die Punkte unter dem Produktbild per Tipp zwischen Cover-Bild und Hover-Bild. Eingestellt wird das zentral in der Produkt-Box:

Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild" => "Hover-Effekt", "Animation (Hover-Bild)" und "Hover-Bild auf Touch-Geräten"

Produkt-Boxen im Listing mit Punkte-Umschalter unter dem Produktbild

Hover-Bild auf Touch-Geräten: Die Punkte unter dem Bild wechseln zum Hover-Bild, auch im Produkt-Slider

Mehr dazu unter Hover-Bild.


Anleitung: Produkt-Slider einfügen

  1. Öffne "Inhalte" => "Erlebniswelten" und bearbeite das gewünschte Layout
  2. Wähle in der Sidebar unter "Blöcke" die Block-Kategorie "Commerce"
  3. Ziehe den Block "Produkt-Slider" per Drag & Drop an die gewünschte Stelle
  4. Lege in den Element-Einstellungen unter "Produkt-Zuweisung" fest, ob du die Produkte per "Manuelle Zuweisung" oder per "Dynamische Produktgruppe" auswählst
  5. Speichere das Layout

ThemeWare® Wissensdatenbank => Produkt-Slider mit Überlaufwiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/produkt-slider-mit-uberlaufShopware Dokumentation => Erlebnisweltendocs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten

Zuletzt aktualisiert am

Diese Seite im Netz: https://doku.themeware.design/handbuch/erlebniswelten/produkt-slider-kategorie-commerce · ThemeWare® Service Portal, service.themeware.design