Showing product variations with links

Hooks fire at various points in the product page and you can attach code to insert additional features. The principle is explained here:
https://docs.woocommerce.com/document/introduction-to-hooks-actions-and-filters/

You can see which hooks fire where with the guide on this page:
https://hooks.wpdesk.org/product/tshirt/

Unfortunately some themes disable some or all of the WooCommerce hooks and do their own thing, so you may need to look through your theme code to see how it works.

PHP skills will be needed.

Very helpful. I have mentioned that I DEVELOP custom theme so I USE PHP AND WORDPRESS FRAMEWORK and have very good knowledge about hooks. My question was about something elses.

Hi @jurajj,

You could craft a function that displays the image for each variation probably using something like the woocommerce_after_add_to_cart_form or woocommerce_after_add_to_cart_button hooks. Then apply JavaScript to allow each image to select the correct variation.

To get an idea of how to do that, there is a free plugin here at www.ads-software.com that uses images for variations this way. There’s also a paid one at https://woocommerce.com/products/variation-swatches-and-photos/

I know you mentioned not wanting to use a plugin, but you could look through the code of the first one to get an idea of how someone has already created this.