[Plugin: WooCommerce Dynamic Gallery] – Using with a Jquery cloud zoom

WooCommerce Dynamic Gallery (Pro, I bought a licence) uses Fancybox for click-to-zoom functionality by default.

But I’m not happy with Fancybox, because I have multiple product variations with several images per variation, and I want customers to be able to see fine detail on the photos. Fancybox doesn’t allow them to zoom in sufficiently to see the detail.

So, I turned off the fancybox zoom and added Anything Zoomer, a simple Jquery cloud zoom, instead. – http://css-tricks.com/anythingzoomer-jquery-plugin/

(I did try Woocommerce’s Professor Cloud plugin as well but that wouldnt’ play with Dynamic Gallery. Anythingzoomer is a bit simpler. )

Anythingzoomer worked, but only for the first image. It didn’t register that I’d clicked on another thumbnail, so always showed me detail of the first photo.

Has anyone got this working? Can anyone suggest what to look at to better understand how Dynamic Gallery switches thumbnails, and get Anythingzoomer to register that?

Or, is there a better way to approach this?

I had to modify /wp-content/plugins/woocommerce-dynamic-gallery-pro/classes/class-wc-dynamic-gallery.php slightly, which I was reluctant to do as I’d like to keep up with the updates. But it only needed a very small amend, so shouldn’t be too huge a hassle to re-add the changes manually.

I would hugely appreciate any tips or assistance.