Varianten-Produkte über Bilder auswählbar machen (Frontend)
Ziel dieser Anleitung: Im Frontend auf Produktseiten sollen folgende Dinge möglich sein:
- Auswahl von passenden Attributlisten-Optionen bei Klick auf ein Produktbild im Bild-Slider.
Beispiel:
Ein Klick auf das Bild mit dem roten T-Shirt sorgt dafür, dass bei der Auswahl "Farbe" der passende Eintrag gewählt wird.
- Bei der Auswahl von Attributlisten-Optionen soll im Bild-Slider das passende Bild ausgewählt werden.
Beispiel:
Die Auswahl von "Heather Grey" sorgt dafür, dass im Bild-Slider automatisch ein passendes Bild ausgewählt wird.
Paket-Voraussetzungen
-
quiqqer/galley^1.3.4|*@dev -
quiqqer/products^1.6|*@dev
Konfiguration
- Bestimmen, welche Attributlisten-Felder für Bilder relevant sind
Es sind nicht immer alle Attributlisten relevant für ein Produktbild. So hat ein Schuh z.B. die Attribute "Farbe" und "Größe". Die Bilder sind jedoch nur bei den Farben unterschiedlich, nicht bei den Größen.
Entsprechend muss in diesem Beispiel das Feld "Farbe" als "für Bilder relevant" markiert werden.
Dazu ruft man die Produktfeld-Verwaltung auf und öffnet die Einstellungen des betreffenden Produktfeldes.
Jetzt aktiviert man die Option Attribut ist relevant für Produktbild:
- Allgemeine Einstellung aktivieren
Die ecoyn Produkte-Einstellung Kindartikel-Attributlisten mit Bildern verknüpfen muss aktiviert sein:
- Entsprechende Varianten-Kind-Produkte müssen gespeichert werden
Die sollte nach Schritt 1 automatisch passieren. Ansonsten geht dies über das Konsolentool products:set-field-attributes-to-products.
Fertig
Beim Besuch von Produkten im Frontend sollte die Verknüpfung nun stehen. Bei Klick auf ein Produktbild werden die passenden Attributelisten-Werte gesetzt. Bei der Auswahl von Attributlisten wird das erste passende Produktbild ausgewählt.