Hello Nicolas,
with the WP Image Zoom free version the zoom window is built and set in the right position during page load. Of course with AJAX the images are later loaded, therefore it doesn’t work. The free version can be used in many cases, but unfortunately not if you’re showing the images dynamically after page load.
In the WP Image Zoom Pro, on the other hand, the zoom window is built on mouse hover. This allows it to work also with images loaded later with AJAX.
Hi Diana, thanks for the help!
I bought the plugin but I’m having two issues, in one hand It stopped zooming in the shop page (where all products are displayed) here: https://mayorista.hogh.com.ar/
I could resolve that by adding the class .wp-post-image in “Apply zoom on this particular image(s)”.
The second is that it’s not zooming after I use a filter, any idea on how to solve that?
Hi Nicolas,
sorry, the zoom works automatically with the default WooCommerce filtering and I didn’t check my previous answer specifically with the BeRocket Advanced AJAX Product Filters.
Please try the following JavaScript code in the “After Update” field on the WP Admin -> WooCommerce -> Product Filters -> JavaScript page:
jQuery(function($){
$('.wp-post-image').image_zoom(IZ.options);
});
as shown in this screenshot.
Works! Thank you very much Diana!