Dynamischer Slider für höhere Kundeninteraktionen

Produkt‑Feed Slider – Konfigurationshandbuch

Dieses Handbuch erklärt alle Einstellungen des Shopware CMS Elements Produkt‑Feed Slider. Konfigurieren Sie Feed, Layout, Slider‑Verhalten, Erscheinungsbild und Fallback‑Inhalte.

Inhaltsverzeichnis

1. Inhalts‑Einstellungen
2. Layout
3. Slider‑Verhalten
4. Erscheinungsbild
5. Alternativer Inhalt
   
   

Inhalts‑Einstellungen

Produkt‑Feed Modus

Bestimmt, welcher Algorithmus die Produkte für den Slider liefert:

• Noch mal bestellen: Zeigt Produkte, die der Kunde bereits gekauft hat (reBuy).
• Ähnliche Artikel: Findet Artikel, die dem aktuellen Produkt ähnlich sind.
• Für dich ausgewählt: Kuratierte oder personalisierte Auswahl.
  
  

Alternativer‑Feed

Legt fest, was angezeigt wird, wenn für den gewählten Feed keine Produkte gefunden werden:

• Verbergen: Blendet das Element aus, wenn der Feed leer ist.
• Alternativer Inhalt: Zeigt einen alternativen Slider (Konfiguration im Tab „Alternativer Inhalt“).
  
  

Anzahl an zu suchenden Eigenschaften

Definiert, wie viele Produkteigenschaften übereinstimmen müssen, um ähnliche Artikel zu finden. Höhere Werte verengen die Auswahl.

Nach ausgewählten Eigenschaften suchen

Wählen Sie Eigenschaften für die Ähnlichkeitssuche. Sind keine ausgewählt, werden alle berücksichtigt.

Kategorie überschneiden

Findet ähnliche Artikel über alle Kategorien des aktuellen Produkts.

Hersteller‑Fallback

Wenn keine passenden Eigenschaften gefunden werden, Artikel desselben Herstellers anzeigen.

Maximale Produktanzahl

Begrenzt die Gesamtzahl der Produkte, die im Slider geladen werden.

Titel

Optionaler Titel oberhalb des Sliders. Verwenden Sie aussagekräftige, keyword‑reiche Überschriften für SEO.

Layout

Produktbox‑Layout

Steuert das visuelle Layout jeder Produktkarte. Verfügbare Layouts hängen vom Theme ab (z. B. Standard, Bild zuerst).

Vertikale Ausrichtung

Richtet den Produktinhalt vertikal im Slider aus (z. B. oben, mittig, unten), abhängig vom Layout.

Innenabstand (px)

Innerer Abstand zwischen Produktkarten im Slider. Wert in Pixeln.

Außenabstand (px)

Äußerer Abstand an den Kanten der Slider‑Spur. Wert in Pixeln.

Rahmen

Aktiviert einen Rahmen um Produktkarten für eine klarere Abgrenzung.

Slider‑Verhalten

Slider‑Typ

Bestimmt die Wechselart:

• Karussell: Bewegt Elemente horizontal in einer Spur.
• Galerie: Wechselt alle sichtbaren Elemente gleichzeitig.
  
  

Navigations‑Pfeile

• Keine: Keine Pfeile sichtbar.
• Innen: Pfeile über dem Slider‑Inhalt.
• Außen: Pfeile außerhalb des Sliders.
  
  

Navigations‑Punkte

• Keine: Keine Punkte sichtbar.
• Innen: Punkte im Slider.
• Außen: Punkte unter/um den Slider.
• Thumbnails: Kleine Vorschauen als Navigation.
  
  

Wechseln durch Maus ziehen

Ermöglicht den Wechsel der Slides durch Ziehen mit der Maus (oder Wischen auf Touch‑Geräten).

Automatischer Wechsel (Rotate)

Aktiviert den automatischen Folienwechsel. Bei Aktivierung stehen zusätzliche Zeitoptionen zur Verfügung.

Geschwindigkeit (ms)

Die Geschwindigkeit eines einzelnen Bildes in Millisekunden.

Wartezeit zwischen Wechsel (ms)

Wartezeit zwischen den Folienwechseln in Millisekunden.

Warten beim Hover

Pausiert den automatischen Wechsel, solange der Mauszeiger über dem Slider schwebt.

Wechselrichtung

• Vorwärts: Folien laufen von links nach rechts (oder RTL‑bewusst).
• Rückwärts: Folien laufen in die entgegengesetzte Richtung.
  
  

Erscheinungsbild

Anzeigemodus

Steuert die Darstellung der Produktmedien in der Box (z. B. Standard, Cover, Contain). Verfügbare Modi variieren je nach Theme.

Minimale Höhe / Breite

Legt eine Mindestgröße für das Element fest, um Layout‑Verschiebungen zu vermeiden. CSS‑Größe eingeben (z. B. 320px).

Schriftfarbe

Textfarbe im Element. Verwenden Sie eine barrierefreie Markenfarbe.

Hintergrundfarbe

Hintergrundfarbe des Elements. Achten Sie auf ausreichenden Kontrast zu Text und Medien.

Alternativer Inhalt

Alternativer Slider‑Name

Optionaler Titel für den alternativen Slider, wenn der primäre Feed keine Ergebnisse liefert.

Produkt‑Zuweisung

Bestimmt, wie Produkte für den alternativen Inhalt zugewiesen werden:

• Produkt‑Stream: Dynamisch über einen definierten Produkt‑Stream.
• Statische Auswahl: Produkte manuell auswählen.
  
  

Produkt‑Stream

Wählen Sie den Produkt‑Stream, der Artikel für den alternativen Slider liefert.

Statische Produktauswahl

Wählen Sie ein oder mehrere Produkte aus, die im alternativen Slider angezeigt werden.