Mehrere Produkte in einem Produkt-Slider präsentieren

Mit einem Produkt-Slider können Sie bestimmte Produkte in Ihrem Shop hervorheben, z. B. neue Produkte, Bestseller oder reduzierte Produkte. Im Editor finden Sie den Produkt-Slider als Inhaltselement, das Sie zu einer Seite hinzufügen können.

So fügen Sie einen Produkt-Slider hinzu

So fügen Sie einen Produkt-Slider zu einer Seite hinzu und legen fest, welche Produkte Sie hervorheben möchten:

  1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu Editor.
  2. In der Seitenleiste des Editors unter Seiten finden Sie eine Liste aller Seiten. Wählen Sie die Seite aus, zu der Sie den Produkt-Slider hinzufügen möchten oder fügen Sie eine neue Seite hinzu.
    Eine Vorschau der Seite wird rechts angezeigt.
  3. Wählen Sie in der Seitenleiste des Editors Inhaltselemente.
  4. Wählen Sie die Kategorie Produkte.
  5. Ziehen Sie das Inhaltselement Produkt-Slider in den Vorschau-Bereich und legen Sie es an der gewünschten Position ab. Sie können Inhaltselemente nur in den blauen Bereichen der Seite ablegen.
  6. Wählen Sie Produkte hinzufügen
    Die Ansicht Produkte zum Produkt-Slider hinzufügen erscheint. Sie können bis zu zwölf Produkte zum Produkt-Slider hinzufügen.
  7. Nutzen Sie das Textfeld Suchen und zuweisen, um die gewünschten Produkte zuzuweisen. Sobald Sie das Textfeld gewählt haben, können Sie eine Liste der Produkte sehen, die Sie zum Produkt-Slider hinzufügen können. Sie können auch mit dem Produktnamen oder der Artikelnummer nach spezifischen Produkten suchen.
  8. Passen Sie die Größe der Produktbilder auf dem Tab TabsIcon.png an. Weitere Informationen finden Sie im folgenden Abschnitt.
  9. Wählen Sie Speichern, sobald Sie fertig sind.

Sie haben den Produkt-Slider mit den von Ihnen ausgewählten Produkten auf der Seite hinzugefügt.

So ändern Sie die Größe der Produktbilder

Sobald Sie einen Produkt-Slider zu einer Seite hinzugefügt haben, können Sie das Aussehen des Produkt-Sliders anpassen und festlegen, wie viele Produkte zur gleichen Zeit angezeigt werden sollen. So machen Sie das:

  1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu Editor.
  2. In der Seitenleiste des Editors unter Seiten finden Sie eine Liste aller Seiten. Wählen Sie die Seite mit dem Produkt-Slider, für den Sie die Größe der Produktbilder ändern möchten.
  3. Wählen Sie den Produkt-Slider aus oder bewegen Sie die Maus über das Inhaltselement.
  4. Wählen Sie EditCircleIcon.png.
  5. Öffnen Sie den Tab EditProductSizeIcon.png.
  6. Wählen Sie die gewünschte Bildgröße. Sie können zwischen drei verschiedenen Größen wählen: S (Klein), M (Mittel) und L (Groß).
    Je nach gewählter Option ändert sich die Größe der Produktbilder. Wenn Sie S wählen, sind die Bilder kleiner und es werden mehr Bilder gleichzeitig angezeigt. Wenn Sie L wählen, sind die Bilder größer und es werden weniger Bilder gleichzeitig angezeigt. Eine Vorschau des Produkt-Sliders mit der aktuell ausgewählten Produktbildgröße wird im Hintergrund auf der Seite angezeigt.

    Info

    Halten Sie MoveIcon.png in der rechten oberen Ecke des Fensters gedrückt und ziehen Sie das Fenster, um andere Bereiche der Seite im Hintergrund sehen zu können.
  7. Wählen Sie Speichern.

Sie haben die Größe der Produktbilder im Produkt-Slider angepasst.

Abhängig vom verwendeten Gerät (bspw. Smartphone oder Laptop), kann die Anzahl der zur gleichen Zeit angezeigten Bilder leicht variieren. Dies ermöglicht ein responsives Design Ihres Shops und stellt sicher, dass Ihre Produktbilder auf unterschiedlichen Geräten und Bildschirmgrößen ansprechend dargestellt werden.

So heben Sie Ihre Produktauswahl mit einem Text hervor

Wählen Sie den Textbereich ("Hier Text eingeben") des Inhaltselements, um Ihre Produktauswahl mit einem passendem Text hervorzuheben.

Screenshot_Type_here_Product_slider_DE.png

So entfernen Sie Produkte aus dem Produkt-Slider

  1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu Editor.
  2. In der Seitenleiste des Editors unter Seiten finden Sie eine Liste aller Seiten. Wählen Sie die Seite mit dem Produkt-Slider, für den Sie ein Produkt entfernen möchten.
  3. Wählen Sie den Produkt-Slider aus oder bewegen Sie die Maus über das Inhaltselement.
  4. Wählen Sie EditCircleIcon.png.
  5. Wählen Sie CrossIcon.png, um ein zugewiesenes Produkt aus dem Produkt-Slider zu entfernen.
  6. Wählen Sie Speichern.

Sie haben das Produkt aus dem Produkt-Slider entfernt.

War dieser Beitrag hilfreich?