Support » WooCommerce » Variation color filter thumbnail change

  • Hey Hey,

    ich arbeite derzeit an einem Shop der Variationen von Produkten anbietet. Unter anderem auch verschiedene Farbwege die ebenfalls alle mit den passenden verschiedenen Produktbildern in den Variationen hinterlegt sind.
    Wenn ich auf der single productpage dann die Farbvariation anklicke, dann ändert sich auch passend das Bild dazu.

    Jetzt will ich aber, dass man in der Listenansicht, wo alle Artikel zu sehen sind, dass die Thumbnails sich passend zur Farbe ändern, welche ich in meiner sidebar filtere.

    Beispiel:
    Das Standard Thumbnail ist der weiße Artikel. Filtere ich jetzt aber nach der Farbe Rot, soll der gleiche Artikel aber auch das rote Thumbnail anzeigen, statt dem weißen, wenn er die Farbe auch hat.

    Gibt es dafür Lösungsansätze?

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Klinke mich nur ein, um über Lösungsvorschläge benachrichtigt zu werden 🙂

    Wir lösen das derzeit über custom Code. Gibt fix ein Plugin dazu, nehme ich an.

    Thread-Starter davylyon

    (@davylyon)

    Wie sieht der custom Code bei euch denn aus @souri? Wie habt ihr das geregelt?

    Gibt mehrere Möglichkeiten bzw Umsetzungswünsche.
    Wenn ohne AJAX, aka bei einem Page-Reload, dann fragen wir mit Hooks ab, welche Filter gesetzt wurden und liefern die entsprechende Variation aus.

    Bei zb Farbänderungen, die mit JS gesetzt werden und wo kein Seiten-Neuladen gewünscht ist, tauscht man einfach die Thumbs aus.
    Die wir als data-id (zb data-thumb_color) im HTML vorab mitausliefern.
    Bei vielen Farben tun wir das nicht, da gibt es dann eine Thumb-Struktur, zb thumb_green.jpg, thumb_blue.jpg usw usf.
    Ergo: Wir wissen, dass es ein Thumb mit Suffix der Farbe gibt und zeigen das an – DOM/HTML wird dadurch nicht aufgebläht.

    Depends.

    • Diese Antwort wurde geändert vor 2 Jahren, 9 Monaten von souri.
Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Variation color filter thumbnail change“ ist für neue Antworten geschlossen.