Project starten

De tweede variantafbeelding bij hover tonen in WooCommerce

Standaard toont WooCommerce geen losse varianten in de shoploop. Ook kun je in WooCommerce geen extra variantafbeeldingen toevoegen. Daarom heb je twee plugins nodig:

  1. Plugin om losse varianten in je shop te tonen
  2. Plugin voor extra variantafbeeldingen

Heb je beide plugins geïnstalleerd, dan stel je ze in. Open een variabel product, scrol naar de varianten; onderaan kun je variantafbeeldingen toevoegen.

add additional variation images

Of alles werkt, controleer je door dit variabele product te openen en de variant rood T-shirt te kiezen.

Om losse varianten te tonen, ga je naar WooCommerce > Single Variations en klik je op de knop “init variations”. Daarna open je je shoploop. 90% van alle thema’s ondersteunt een tweede afbeelding bij hover (bijv. Flatsome). Beweeg nu over je product en je ziet de tweede galerijafbeelding van de variant.

2nd variation image in woocommerce shop loop