Produktbilder Galerie anpassen

string(30) "produktbilder-galerie-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.

Schauen Sie sich in unserer Demo an, wie die Produktbilder Galerie in Ihrem Shop aussehen könnte:
Demo ansehen
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 Produktbilder Galerie. Sobald Sie die gewünschten Optionen gesetzt haben, klicken Sie auf „Speichern“.

Schritt 3: Theme kompilieren

Nach dem Setzen der gewünschten Konfiguration sollten Sie Ihr Theme kompilieren. Dies können Sie ü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. Je nach Cache Einstellung müssen Sie anschließend zudem den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache).

Hinweis
Die App-Konfiguration greift nur auf Produktseiten, auf denen kein individuelles Produktseiten-Layout genutzt wird.
Schritt 3

Einstellungen

Lupe auf Bildern aktivieren/deaktivieren

Sie können die Lupe auf den Produktbildern aktivieren oder deaktivieren.

Postion der Vorschaubilder

Wählen Sie aus, ob die kleinen Vorschaubilder der weiteren Produktbilder des links oder unterhalb des Produktbilds positioniert werden sollen

Öffnen der Bilder in einem Modal (Lightbox) aktivieren/Deaktivieren

Aktivieren oder deaktivieren Sie, ob das Produktbild angeklickt werden kann, damit es in einem Modal geöffnet wird.

Modal (Lightbox) Design

Legen Sie das gewünschte Design für das Modal fest.

Buttons in Modal (Lightbox) für Image Zoom aktivieren/deaktivieren

Sie können die Buttons für den Image Zoom im Modal aktivieren oder deaktivieren.

Vorschaubilder in Modal (Lightbox) aktivieren/deaktivieren

Legen Sie fest, ob die Vorschaubilder im Modal angezeigt werden sollen.

Umrandung der Vorschaubilder in Modal aktivieren/deaktivieren

Wählen Sie aus, ob die Vorschaubilder umrandet werden sollen.

Design der Navigationspfeile

Sie können aus verschiedenen Designs für die Navigationspfeile auswählen.

Größe der Navigationspfeile

Legen Sie die gewünschte Größe für die Navigationspfeile fest.

Farbe und Hover-Farbe der Navigationspfeile

Bestimmen Sie die Farben für die Navigationspfeile.

Umrandung der Navigationspfeile aktivieren/deaktivieren

Sie können die Umrandung für die Navigationspfeile aktivieren oder deaktivieren.

Farbe der Umrandung der Navigationspfeile

Legen Sie die Farbe der Umrandung für die Navigationspfeile fest.

Deckkraft des Overlays hinter den Navigationspfeilen

Bestimmen Sie die Deckkraft für den Hintergrund der Navigationspfeile.

Design der Slider-Punkte

Wählen Sie aus, welches Design die Slider Punkte haben sollen oder, ob sie ausgeblendet werden sollen.

Farbe der Slider-Punkte

Setzen Sie die gewünschte Farbe für die Slider Punkte.

Farbe der aktiven Slider-Punkte

Legen Sie die gewünschte Farbe für die aktiven Slider Punkte fest.

Hinweis
Die App-Konfiguration greift nur auf Produktseiten, auf denen kein individuelles Produktseiten-Layout genutzt wird.
Produktbilder Galerie anpassen

Häufige Fragen zur App

Warum hat sich das Design der Produktbider Galerien 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. Beachten Sie zudem, dass die App-Konfiguration nur auf Produktseiten greift, auf denen kein individuelles Produktseiten-Layout genutzt wird.

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