Found the cause. The issue is that WooCommerce uses the “woocommerce-product-gallery” div’s width and compares it with the largest thumb for that image. It should only zoom if the largest image is larger than its container (by container, I mean the “woocommerce-product-gallery” div). The problem is that, since the thumbnails are displayed on the side of the featured image, it counts the thumbnails and featured image together as the container width.
Check the latest WooCommerce release. Find “woocommerce/assets/js/frontend/single-product.js”, row 192.
In my case (when checking the code above):
image.data( 'large_image_width' )
= 600
galleryWidth
= 654 (that’s the “woocommerce-product-gallery” div)
But, if you check my image, it’s 460 in width. That should be counted as the container size, and image should be zoomed.
I hope I helped finding the solution for this issue, and, hopefully, Ascend can be updated to fix this.
Apparently, this is not related to the iPad issue.
If you need any more help, I’l be happy to assist you, Hannah.
Best regards.
-
This reply was modified 6 years, 6 months ago by samrgomes.