Zum Hauptinhalt springen
Alle KollektionenFortgeschrittene
Dynamische Bilder auf Produktseiten anzeigen
Dynamische Bilder auf Produktseiten anzeigen

Automatische Aktualisierung des Produktbildes entsprechend der Auswahl Ihrer Kunden

Sam Forde avatar
Verfasst von Sam Forde
Vor über 2 Wochen aktualisiert

Dynamische Bilder sind Bilder, die sich entsprechend der Auswahl des Kunden aktualisieren. Wenn Sie den Optionstyp Farbfelder verwendet und Bilder hinzugefügt haben, können Sie dynamische Bilder einrichten, um sicherzustellen, dass sich das Bild auf der Produktseite automatisch auf der Grundlage der von Ihren Kunden ausgewählten Farbfelder ändert.


Vorraussetzungen

  • Diese Funktion funktioniert nur für den Optionstyp Farbmuster.

  • Stellen Sie sicher, dass Sie Bilder zu Ihren Optionswerten hinzugefügt haben.


Ändern des Produktbildes bei der Auswahl zulassen

  1. Klicken Sie auf Optionen und dann auf eine Option mit dem Optionstyp Farbmuster.

  2. Markieren Sie die Einstellung Produktbild bei Auswahl ändern.

  3. Klicken Sie auf Speichern.


Bearbeiten Sie das Theme

  1. Gehen Sie zu Online-Shop > Themes, erweitern Sie das Menü neben dem Thema, das Sie bearbeiten möchten, und klicken Sie dann auf Code bearbeiten.

  2. Suchen Sie nach der Datei product-thumbnail.liquid .

    • Normalerweise befindet sich die Datei product-thumbnail.liquid im Ordner snippets oder sections.

  3. Fügen Sie die Klasse <div class=„zapiet-product-image-container img“> in die Datei ein.

    • Die Klasse, die Sie der Datei hinzufügen müssen, finden Sie auch in Zapiet - Produkt-Optionen > Einstellungen > Dynamische Optionen > Dynamisches Bild.

  4. Klicken Sie auf Speichern.

Wenn Ihre Kunden nun eine andere Option auswählen, ändert sich das Bild auf der Produktseite dynamisch, um ihre Wahl widerzuspiegeln.

Wenn Sie bei der Einrichtung Probleme haben, lassen Sie es uns bitte im Chat wissen, wir helfen Ihnen gerne weiter!

Hat dies deine Frage beantwortet?