Bildvorschau per Mousehover

Hier erfahren Sie alles über die Installation sowie die Einstellungsmöglichkeiten in dem Plugin. Sie erhalten zudem Beispiele für die unterschiedlichen Darstellungsmöglichkeiten im Frontend.

Installation & Demo

Sie können das Plugin hier über den Shopware Community Store erwerben. Das Plugin wird wie ein ganz gewöhnliches Plugin installiert. Sollten Sie zum ersten Mal ein Plugin installieren, finden Sie unter dem folgenden Link eine Anleitung zur Installation von Plugins:

Shopware 6 - Erweiterungen - Meine Erweiterungendocs.shopware.com

Shopware Handbuch zur Installation von Apps & Plugins

Nach der Installation des Plugins schalten Sie das Plugin aktiv und öffnen die Konfigurationsmaske. Hierzu klicken Sie auf die drei Punkte in der letzten Spalte und wählen "Konfiguration".

Das Plugin im Demoshop ansehen:

FashionShopware 6

Plugin live im Demoshop anschauen

Plugin Einstellungen

Manche Einstellungen werden erst sichtbar, wenn Sie den Cache leeren. Gehen Sie hierfür zu: Einstellungen > System > Caches & Indizes und nutzen den Button: Cache leeren

Feldname	Bedeutung
Aktiv	Das Plugin für den jeweiligen Shop aktivieren oder deaktivieren.
Anzeigen in	Bestimmung der Anzeige auf Endgeräte (Mehrfachauswahl möglich).
Position des Image Sliders	Vorschaubereich kann nach Innen oder Außen der Produktbox aufgehen.
Maximale Anzahl Bilder	Maximale Anzahl der Bilder im Vorschaubereich.
Aufklappgeschwindigkeit	Bestimmen Sie die Aufklappgeschwindigkeit des Vorschaubereich.
Hover-Effekt	Beim Aktivierung wird ein Schatten und/oder Rahmen um die Produktbox angezeigt (Mehrfachauswahl möglich).

Position des Image Sliders

Der Bereich in dem sich die Vorschaubilder befinden, kann innerhalb oder außerhalb der Produktbox ausgeklappt werden.

• Anzeigemodus = Außen: Der Bereich mit den Vorschaubilder schiebt sich an der linken Seite der Produktbox nach außen. Elemente welche sich in diesem Bereich befinden, werden überdeckt.

Beispiel für: Anzeigemodus: Außen

• Anzeigemodus = Innen: Der Bereich mit den Vorschaubilder schiebt sich von der linken Seite nach Innen in die Produktbox und schiebt den Inhalt der Produktbox etwas zusammen.

Beispiel für: Anzeigemodus: Innen

Maximale Anzahl Bilder

Bestimmen Sie, wie viele Bilder sich maximal im eingefahrenen Vorschaubereich befinden können.

Sollte der Platz für die Anzahl nicht ausreichen, wird automatisch ein vertikaler Slider eingefügt.

Lassen Sie den Platz leer, wenn Sie alle verfügbaren Bilder darstellen möchten.

Hover-Effekt

Sie haben die Möglichkeit ein Rahmen und/oder einen Schatten um die Produktbox und den Vorschaubereich zu legen. Beides gleichzeitig ist ebenfalls möglich.

Beispiel: Hover-Effekt: Rahmen

Beispiel: Hover-Effekt: Schatten