Shopware 6 Plugin

Produkt-Boxen anpassen

Mit diesem Plugin können Sie die Produkt-Boxen anpassen.

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.

Produkt-Boxen

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-Name in der Spalte „Status“ aktivieren. Wenn das Plugin aktiv ist, wird der Regler blau.

Produkt-Boxen

Schritt 2: Konfiguration der Plugin-Einstellungen

Nach der erfolgreichen Installation und Aktivierung des Plugins können Sie die Plugin-Einstellungen über das Kontext-Menü, den Button mit den 3 Punkten („…“), aufrufen. Klicken Sie hier auf „Konfiguration“, damit die Einstellungsmöglichkeiten des Plugins zu sehen sind. Sie sehen dann verschiedene Einstellungsmöglichkeiten zur Konfiguration der Produkt-Boxen. Sobald Sie die gewünschten Styles für die Produkt-Boxen gesetzt haben, klicken Sie auf „Speichern“, damit die Änderungen übernommen werden.

Schritt 3: Theme kompilieren

Damit die Produkt-Boxen mit den gesetzten Einstellungen sichtbar ist, sollten Sie nach dem Setzen der Plugin-Einstellungen Ihr Theme kompilieren. Dies können Sie entweder über den Befehl „./psh.phar storefront:build“ oder alternativ über die Administration erreichen, indem Sie im linken Seitenmenü der Administration auf den gewünschten Verkaufskanal klicken und dann das Tab „Theme“ aufrufen. Klicken Sie dann auf den Button „Theme ändern“, wählen Sie das gewünschte Theme aus (ggf. auch das gleiche, welches bereits gesetzt war) und speichern Sie Ihre Auswahl durch Klick auf den blauen Button „Theme übernehmen“ und bestätigen Sie die Aktion durch Klick auf den blauen Button „Theme wechseln“. Das Theme sollte dann kompiliert werden und die Produkt-Boxen sollten nach einem neuen Aufruf der Storefront mit den gesetzten Optionen sichtbar sein. Sobald Sie weitere Anpassungen in der Konfiguration der Plugin-Einstellungen vornehmen, müssen Sie jeweils das Theme erneut kompilieren, damit die neu gesetzten Einstellungen sichtbar sind. Je nach Cache Einstellung müssen Sie anschließend zudem den Cache leeren.

  • Design

    Sie können aus verschiedenen Designs auswählen, welche Erscheinungsform die Produkt-Boxen haben sollen.

  • Button Farbe

    Wählen Sie aus, in welcher Farbe die Buttons in den Produkt-Boxen angezeigt werden sollen.

  • Button Label Farbe

    Sie können die Textfarbe des Buttons nach Bedarf festlegen.

  • Button Hover Farbe

    Wählen Sie aus, in welcher Farbe die Buttons beim Hovern in den Produkt-Boxen angezeigt werden sollen.

  • Button Label Hover Farbe

    Sie können die Textfarbe des Buttons beim Hovern nach Bedarf festlegen.

  • Stil der Umrandung

    Wählen Sie aus, welchen Stil die Umrandung der Boxen erhalten soll.

  • Breite der Umrandung

    Legen Sie die Breite der Umrandung fest: 1 Pixel, 2 Pixel oder 3 Pixel.

  • Farbe der Umrandung

    Sie können die Farbe der Umrandung für die Produkt-Boxen setzen.

  • Zusätzliche Information

    Falls gewünscht können Sie hier eintragen, welche zusätzlichen Informationen in den Produkt-Boxen erschreiben sollen.

  • Warum hat sich das Design der Boxen und die Farbe der Buttons in den Produkt-Boxen nicht geändert?

    Bitte prüfen Sie, ob das Plugin aktiv ist. Kompilieren Sie das Theme und prüfen Sie dann nochmals, ob die Anpassungen sichtbar sind.

Plugin Informationen
Version
1.0.0
Kompatibel mit
Shopware 6.3
Support
support@code108.de
Features
Einfache Konfiguration Moderne Designs inklusive