Estoy usando productos compuestos de woocommerce y quiero activar una animación gsap separada cuando se elige cada producto. Aquí está el código que estoy usando:

 var radiostock1 = document.getElementById("component_option_thumbnail_259") if (radiostock1.checked==true){gsap.fromTo(".chassis_stock1", {autoAlpha: 0}, {autoAlpha: 1, duration: 5});}

La animación funciona cuando se ejecuta sola, pero no puede detectar cuándo se eligen los productos. ¿Existe algún tipo de solución para la compatibilidad de WooCommerce con JavaScript personalizado?