Mit einem Produkt-Slider kannst du bestimmte Produkte auf deiner Website hervorheben, z. B. neue Produkte, Bestseller oder Produkte im Angebot. Im Editor findest du den Produkt-Slider als Inhaltselement, das du zu einer Seite hinzufügen kannst.
Dieses Element basiert auf zuvor erstellten Produkten und verweist auf deren Produktseiten. Weitere Informationen zu Produkten und Produktseiten findest du unter Füge Produkte hinzu und richte sie ein.
Themen-Übersicht:
- So fügst du einen Produkt-Slider hinzu
- So änderst du die Größe der Produktbilder
- So entfernst du ein Produkt aus dem Produkt-Slider
So fügst du einen Produkt-Slider hinzu
- In der Seitenleiste deines Cockpits, navigiere zu Editor.
Der Editor öffnet sich. - Navigiere zu Seiten.
- Wähle die Seite aus, die du bearbeiten möchtest, oder füge eine neue Seite hinzu.
Eine Vorschau der Seite wird rechts angezeigt. - Navigiere zu Inhaltselemente → Produkte.
- Ziehe das Inhaltselement Produkt-Slider per Drag-and-drop an die gewünschte Stelle.
Du kanst Inhaltselemente nur in die blauen Bereiche der Seite ziehen. - Wähle Produkte hinzufügen.
Die Ansicht Produkte zum Produkt-Slider hinzufügen wird angezeigt. - Weise im Feld Suchen und zuweisen die Produkte zu, die du hervorheben möchtest.
Wähle das Feld, um eine Liste der zuweisbaren Produkte anzuzeigen, oder suche nach Name oder Produktnummer. Beachte, dass Produktentwürfe nicht zugewiesen werden können.Hinweis
Du kannst bis zu zwölf Produkte zuweisen. - Passe im Tab
die Größe der Produktbilder an. Siehe auch den folgenden Abschnitt.
- Wähle Speichern.
Du hast einen Produkt-Slider mit den zugewiesenen Produkten zur Seite hinzugefügt.
So änderst du die Größe der Produktbilder
Sobald du einen Produkt-Slider zu einer Seite hinzugefügt hast, kannst du das Aussehen des Produkt-Sliders anpassen und festlegen, wie viele Produkte zur gleichen Zeit angezeigt werden.
- Fahre mit der Maus über den Produkt-Slider und wähle
.
Die Ansicht Produkt-Slider bearbeiten erscheint. - Öffne den Tab
.
- Wähle die Produktbildgröße. Du kannst zwischen drei Optionen wählen: S (Klein), M (Mittel) und L (Groß).
- S zeigt kleinere Bilder an, sodass gleichzeitig mehr Produkte angezeigt werden.
- L zeigt größere Bilder an, sodass gleichzeitig weniger Produkte angezeigt werden.
- Die Vorschau im Hintergrund wird sofort aktualisiert und zeigt die ausgewählte Bildgröße an.
- Wähle Speichern.
Du hast die Größe der Produktbilder angepasst.
Info
Abhängig von dem verwendeten Gerät (bspw. Smartphone oder Laptop), kann die Anzahl der zur gleichen Zeit angezeigten Bilder leicht variieren. Dies ermöglicht ein responsives Design deiner Website und stellt sicher, dass deine Produktbilder auf unterschiedlichen Geräten und Bildschirmgrößen ansprechend dargestellt werden.So entfernst du ein Produkt aus dem Produkt-Slider
- Fahre mit der Maus über den Produkt-Slider und wähle
.
Die Ansicht Produkt-Slider bearbeiten erscheint. - Wähle
neben dem zugewiesenen Produkt, um es zu entfernen.
- Wähle Speichern.
Du hast das Produkt aus dem Produkt-Slider entfernt.