how to change product thumnails too

Hi I has this job that looks easy but is not I want to replace the image from the thumanails when a user clicks in the variations here is an exaple https://prntscr.com/ivjqn0 when I click the blue button it should change the image for the blue one in the variation it only works on the product detail but I want to make it work in the product list too I was reviewing the woocommerce templates and I see this hook
/**
* woocommerce_before_shop_loop_item_title hook.
*
* @hooked woocommerce_show_product_loop_sale_flash – 10
* @hooked woocommerce_template_loop_product_thumbnail – 10
*/
do_action( ‘woocommerce_before_shop_loop_item_title’ );

that loads the thumnail in the content-product.php template I really appreciate your help and if another extencion for that exist please let me know thanks

The page I need help with: [log in to see the link]