Produkt-Boxen anpassen

App testen
Schritt 1

Installation der App

Bitte nutzen Sie zunächst die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrem Shop mit dem genutzten Theme, den eingesetzten Apps sowie unter Ihrer Shop-Konfiguration reibungslos funktioniert.

Installieren Sie die App in einer Test-Umgebung Ihres Shops. Falls Sie die Installation der App in der Live-Umgebung Ihres Shops vornehmen, sollten Sie unbedingt zuvor ein vollständiges Backup Ihres Shops erstellen, da es bei der Neu-Installation von Apps stets zu Inkompatibilitäten und schlimmstenfalls zur Nicht-Funktionalität Ihres Shops kommen kann.

Nachdem Sie die Testversion der App über Ihren Shopware Account bezogen haben, können Sie die App aus dem Shopware Store herunterladen. Anschließend können Sie die App im Backend unter „Erweiterungen“ > „Meine Erweiterungen“ durch Klick auf den blauen Button „Erweiterung hochladen“ (rechts oben) hochladen.

Wenn die App erfolgreich hochgeladen wurde, sollte sie in der Liste „Meine Erweiterungen“ im Reiter „Apps“ angezeigt werden. Jetzt können Sie die App durch Klick auf den Link „App installieren“ in Ihrem Shop installieren.

Details
  • Version 1.0.3
  • Kompatibel mit 6.3.0.0 – 6.3.0.2 6.3.1.0 – 6.3.1.1 6.3.2.0 – 6.3.2.1 6.3.3.1 6.3.3.0 6.3.4.0 – 6.3.4.1 6.3.5.0 – 6.3.5.4 6.4.0.0
Schritt 2

Einrichtung der App

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

Schritt 1: Aktivieren der App

Sobald Sie die App installiert haben, können Sie die App in der Administration unter „Erweiterungen“ > „Meine Erweiterungen“ im Reiter „Apps“ durch Klick auf den Regler-Button links neben dem App-Namen aktivieren. Wenn die App aktiv ist, wird der Regler blau.

Schritt 2: Konfiguration der App-Einstellungen

Nach der erfolgreichen Installation und Aktivierung der App können Sie die App-Einstellungen über das Kontext-Menü, den Button mit den 3 Punkten („…“), aufrufen. Klicken Sie hier auf „Konfiguration“, damit die Einstellungsmöglichkeiten der App 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 App-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 App-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.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Schritt 3

Einstellungen

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.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Produkt-Boxen anpassen

Häufige Fragen zur App

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

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

Bei Fragen schreiben Sie uns gerne eine Nachricht an support@code108.de.
Shopware 6 Apps von Code 108

Diese Apps könnten Ihnen auch gefallen