Shopware 6 Plugin

Vorher-Nachher Slider

Mit diesem Plugin können Sie einen modernen Vorher-Nachher Slider mit nur wenigen Klicks erstellen und in Ihren Shop integrieren. Zeigen Sie auf diese Weise, welche Effekte Ihre Produkte herbeiführen können. Der Slider kann über die Erlebniswelten in Ihren Shop eingefügt werden.

In unserer Dokumentation erklären wir Ihnen, wie Sie das Plugin installieren und einrichten können. Bei Fragen zu unserem Plugin oder Problemen bei der Einrichtung schreiben Sie uns gerne eine Nachricht an support@code108.de.

Bitte nutzen Sie zunächst die Test-Version des Plugins bestenfalls auf einer Test-Umgebung Ihres Shops, um sicherzustellen, dass das Plugin in Ihrem Shop mit dem genutzten Theme und den eingesetzten Plugins reibungslos funktioniert.

Installation des Plugins

Installieren Sie das Plugin vorzugsweise in einer Testumgebung Ihres Shops. Falls Sie die Installation des Plugins in der Live-Umgebung Ihres Shops vornehmen, sollten Sie unbedingt zuvor ein vollständiges Backup Ihres Shops machen, da es bei der Neu-Installation von Plugins stets zu Inkompatibilitäten und schlimmstenfalls zur Nicht-Funktionalität Ihres Shops kommen kann.

Nachdem Sie die Testversion des Plugins über Ihren Shopware Account bezogen haben, können Sie das Plugin aus dem Shopware Store herunterladen. Anschließend können Sie das Plugin im Backend unter „Einstellungen“ > „System“ > „Plugins“ hochladen.

Wenn das Plugin erfolgreich hochgeladen wurde, sollte es in der Plugin-Liste „Meine Plugins“ angezeigt werden. Jetzt können Sie das Plugin über das Kontext-Menü, den Button mit den 3 Punkten („…“), installieren.

Slider

Im Folgenden erklären wir Ihnen, wie Sie das Plugin nach der Installation einrichten können.

Schritt 1: Aktivieren des Plugins

Sobald Sie das Plugin installiert haben, können Sie das Plugin in der Administration unter „Einstellungen“ > „System“ > „Plugins“ durch Klick auf den Regler-Button neben dem Plugin-Namen in der Spalte „Status“ aktivieren. Wenn das Plugin aktiv ist, wird der Regler blau.

Slider

Schritt 2: Hinzufügen über die Erlebniswelten

Um einen Vorher-Nachher-Slider zu Ihrem Shop hinzuzufügen, gehen Sie im Backend in den Bereich „Inhalte“ > „Erlebniswelten“ und öffnen Sie die gewünschte Erlebniswelt, in welcher der Slider erscheinen sollen. Anschließend können Sie den „Vorher-Nachher-Slider“-Block zur Erlebniswelt über Drag & Drop hinzufügen. Sie finden den Block in der Kategorie „Bilder“. Wenn Sie mit der Maus über das Element fahren, erscheint ein Icon für die Einstellungen. Durch Klick auf das Einstellungs-Icon können Sie das jeweilige Element bearbeiten.

Schritt 3: Konfiguration des Elements

In den Optionen des Elements können Sie im Tab „Einstellungen“ die weitere Konfiguration vornehmen. Hier haben Sie die Möglichkeit das Vorher-Bild, das Nachher-Bild sowie weitere Einstellungen vorzunehmen. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1800 x 1200 Pixel für Bilder im Querformat sowie 1200 Pixel x 1800 Pixel für Bilder im Hochformat. Bestenfalls sollten Sie die genutzten Bilder komprimieren. Speichern Sie Ihre gewünschten Einstellungen durch Klick auf den Button „Fertig“. Wenn Sie zufrieden mit den gesetzten Inhalten und den Einstellungen sind, speichern Sie die Erlebniswelt ab und überprüfen Sie, ob das der Slider wie gewünscht in Ihrem Shop dargestellt werden.

  • Link zum Vorher-Bild

    Legen Sie fest, welches Bild als Vorher-Bild genutzt werden soll. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1800 x 1200 Pixeln (Querformat) bzw. 1200 x 1800 Pixeln (Hochformat). Bestenfalls sollten Sie das Bild komprimieren.

  • Link zum Nachher-Bild

    Legen Sie fest, welches Bild als Nachher-Bild für den Slider verwendet werden soll. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1800 x 1200 Pixeln (Querformat) bzw. 1200 x 1800 Pixeln (Hochformat). Bestenfalls sollten Sie das Bild komprimieren.

  • Tooltip

    Sie können festlegen, ob ein Hinweistext zur Verwendung auf dem Slider angezeigt werden soll. Ebenso können Sie den gewünschten Text eintragen.

  • Highlight-Farbe

    Geben Sie an, in welcher Farbe der Pfeil zur Steuerung des Sliders im Frontend angezeigt werden soll.

  • Pfeil

    Sie können auswählen, ob das Symbol mit dem Pfeil (zur Steuerung des Sliders) rund oder eckig erscheinen soll.

  • Umrandung

    Die Umrandung kann wahlweise aktiviert oder deaktiviert werden.

  • Format

    Geben Sie an, ob es sich um ein Bild im Hochformat oder im Querformat handelt. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1800 x 1200 Pixeln (Querformat) bzw. 1200 x 1800 Pixeln (Hochformat).

  • Sichtbarkeit

    Sie können festlegen, ob der Slider für die Mobile/Tablet/Desktop Darstellung sichtbar sein soll.

  • Warum wird der Slider in meinem Shop nicht angezeigt?

    Bitte stellen Sie sicher, dass Sie den Slider bei der Erlebniswelt hinzugefügt haben, die für die gewünschte Seite bzw. Kategorie aktiv ist. Prüfen Sie darüber hinaus, ob der Slider für die beabsichtigte Bildschirmgröße sichtbar ist. Die Sichtbarkeit des Sliders für die verschiedenen Bildschirmgrößen (Mobil/Tablet/Desktop) können Sie im Tab „Sichtbarkeit“ in den Einstellungen des Erlebniswelten-Elements festlegen.

Plugin Informationen
Version
1.0.2
Kompatibel mit
Shopware 6.3
Support
support@code108.de
Features
Vorher-Nachher-Slider Erlebniswelten-Element