Allgemeine Beschreibung
Der Produkt Slider basiert auf dem ProductStream V2. Die Produktkarten kommen direkt aus deinem Template und sehen im Slider genauso aus wie im normalen Produkt-Listing, in NIU Plus mit Kartenstil und Theme v2, in NOVA nativ.Die bisherige Version dieses Portlets ist weiterhin als Produkt Slider (Legacy) verfügbar und rendert unverändert weiter.
Einsatzmöglichkeiten (Inspiration)
- Produkt-Highlights: Zeige ausgewählte Produkte aus verschiedenen Kategorien als Highlights, um Kunden auf besondere Angebote aufmerksam zu machen.
- Saisonale Angebote: Präsentiere saisonale Produkte oder Sondereditionen in einem auffälligen Slider, um die Aufmerksamkeit der Besucher zu gewinnen.
- Hersteller-Specials: Zeige Produkte eines bestimmten Herstellers oder einer Marke in einem Slider, um die Markenpräsenz zu stärken und Kundenloyalität aufzubauen.
- Rebuy & Zuletzt gesehen: Über die Datenquelle deckt der Slider auch die Anwendungsfälle des Rebuy Sliders und des Zuletzt-angesehen-Sliders ab.
Featureübersicht
- Kartendesign aus dem Template: Die Produktkarten übernehmen automatisch das Kartendesign deines Shops, keine separate Gestaltung im Portlet mehr nötig.
- Wählbare Datenquelle: Speise den Slider aus einer gefilterten Produktauswahl, den zuletzt gekauften oder den zuletzt gesehenen Produkten des Besuchers.
- Feingranulare Filterung: Filtere Produkte gezielt oder wähle sie explizit über Artikelnummer/Artikelname aus.
- Responsives Design: Der Produkt Slider passt sich verschiedenen Bildschirmgrößen und Geräten an, um eine optimale Darstellung sicherzustellen.
Settings
Produktauswahl
select
default:"Gefilterte Produktauswahl"
Woher die Artikel kommen. Die Filter weiter unten gelten nur für die gefilterte Auswahl.Optionen:
- Gefilterte Produktauswahl: Produkte werden über die Filter unter “Quelle” ermittelt
- Zuletzt gekauft: Zeigt die zuletzt vom Besucher gekauften Produkte
- Zuletzt gesehen: Zeigt die zuletzt vom Besucher angesehenen Produkte
select
default:"Produkte filtern"
Nur sichtbar, wenn als Datenquelle “Gefilterte Produktauswahl” gewählt ist. Wähle aus, welche Produkte angezeigt werden sollen.Optionen:
- Produkte filtern (Filtering): Auswahl über Kategorien, Hersteller, Merkmale etc.
- Nach Artikelnummer/Artikelname (Explicit): Auswahl von einem oder mehreren bestimmten Artikeln
- Kombinierte Filter verwenden: Mehrere Filterkriterien (Kategorien, Hersteller, Vater-/Kindartikel, besondere Produkte) lassen sich gleichzeitig kombinieren
- Nach Kategorien suchen: Durchsuche und wähle einzelne Kategorien aus, über Alle auswählen/Alle abwählen lässt sich die gesamte Trefferliste auf einmal setzen
- Nach Herstellern suchen: Durchsuche und wähle einzelne Hersteller aus, ebenfalls mit Alle auswählen/Alle abwählen
- Vater- und Kindartikel filtern?: Legt fest, ob Varianten (Vater-/Kindartikel) gesondert berücksichtigt werden (Standard: Filter nicht verwenden)
- Besondere Produkte filtern?: Filtert zusätzlich nach Artikelbesonderheiten (Standard: Filter nicht verwenden)
string
Optional. Leer lassen, wenn der Slider ohne Überschrift stehen soll.
number
default:"15"
Definiert die maximale Anzahl der angezeigten Produkte.
Darstellung
boolean
default:"true"
Zeigt Pfeile für das manuelle Scrollen durch den Slider an.
boolean
default:"true"
Zeigt im unteren Bereich des Sliders an, auf welcher Seite man sich befindet.
select
default:"Chevron (>)"
Legt die Darstellung der Vor- und Zurückbuttons fest.Optionen:
- Chevron (>)
- Doppel Chevron (>>)
- Standard Pfeil (->)
Größe und Abstände
number
Definiere für jeden Breakpoint (XS, S, M, L, XL), wie viele Produkte gleichzeitig sichtbar sein sollen.
number
Lege für dieselben Breakpoints fest, um wie viele Slides pro Klick oder Wisch weitergeschaltet wird.
select
default:"M (1rem)"
Lücke zwischen zwei Slides. Der sichtbare Abstand zwischen zwei Karten ist größer als dieser Wert, er ergibt sich aus der Lücke plus zweimal dem Innenabstand der Karten. Wer die Karten dichter setzen will, dreht deshalb meist am Innenabstand, nicht hier.Optionen:
- Kein Abstand
- XS (0.25rem)
- M (1rem)
- XL (2rem)
select
default:"Nein"
Schneidet Produkte rechts ab, um zu zeigen, dass es noch mehr gibt.
select
default:"xl"
Abstand rund um jede Karte, innerhalb ihres Slides. Er schafft Platz für die Pfeile und für den Schattenauslauf. Ein Schatten erzeugt dabei KEINEN zusätzlichen Abstand, er füllt nur den Raum sichtbar aus, der hier ohnehin steht. Zusammen mit der Lücke ergibt dieser Wert den sichtbaren Abstand zwischen zwei Karten: Lücke plus zweimal Innenabstand.
Bewegung
select
default:"links nach rechts"
Legt fest, ob der Slider von links nach rechts oder von rechts nach links scrollt.
number
default:"300"
Definiert, wie viel Zeit zwischen dem Wechsel der Slides vergeht.
select
default:"erlauben mit Einrastpunkten"
Legt fest, ob und wie der Slider per Maus gezogen werden kann.Optionen:
- erlauben mit Einrastpunkten
- erlauben ohne Einrastpunkte
- verbieten
boolean
Aktiviert das automatische Weiterschalten des Sliders.
number
default:"3000"
Zeitabstand zwischen den automatischen Übergängen. Wirkt nur, wenn automatisches Abspielen aktiviert ist.
boolean
default:"true"
Pausiert das automatische Abspielen, sobald der Nutzer mit der Maus über den Slider fährt.
Strukturierte Daten
boolean
Nur relevant für NIU Plus und Slider mit Item Box Templates. Entfernt bei Bedarf das Microdata Markup, z. B. wenn der Slider auf Produktseiten platziert werden soll.
Veraltet
Diese Einstellungen stammen aus dem alten Slider-Mechanismus und sind aus Kompatibilitätsgründen weiterhin vorhanden. Für neue Slider sind sie in der Regel nicht notwendig.
select
default:"Wischen - Dauerschleife"
Legt den grundlegenden Slider-Mechanismus fest.Optionen:
- Wischen - Dauerschleife
- Wischen - von Anfang bis Ende
- Verblenden - Von Anfang bis Ende
boolean
Aktiviert das Zurückspulen des Sliders zum Anfang.
number
default:"1000"
Definiert, wie schnell der Slider beim Zurückspulen läuft.
boolean
Erlaubt das Zurückspulen durch Ziehen mit der Maus.
boolean
default:"true"
Pausiert den Slider, sobald er fokussiert ist.
string
Optional. Gibt den Slides eine feste Breite statt einer relativen.
string
default:"100%"
Legt die Gesamtbreite des Sliders fest.
boolean
Erlaubt es, die Anzahl der für die Dauerschleife benötigten Kopien manuell festzulegen.
number
Nur relevant, wenn “Anzahl Kopien selbst definieren” aktiv ist.