How Do I Display Variation Swatches on Archive or Shop Page for WooCommerce?

[joep]

I made a script showing variations on the WooCommmerce Archive page, here it is:

Tutorial: Image swatches on WooCommerce archive page

Working example of Product Swatches on WooCommerce Archive page Example video [ezgif-7dcc67bb2a5aac] PreRequisites: I am using Core Framework === Related questions: Based on multiple questions from me about swatches possible on the archive i decided to make a working soluton for the Archive pag with a query loop: What the script does: Show all variations of a particular attribute (pa_kleur) below the image and change the main image on hover/ click Show attribute nice …