image displayed twice on mobile device

Hi.
currently on single product page for mobile devices, it’s playing twice of the same image.
it is not gallery image
how to fix? please see attachment

Attachments:

You must be logged in to view attached files.

Hello,

I have checked your site. The image is showing fine one time on a mobile device.
See screenshot for clarification:
https://ibb.co/pdG0yTq

Check back your site and check the issue.

Best Regards

I just checked me and my friend’s iPhone/in private mode/regular mode.
they are all still showing two images. I checked both chrome and safari.

Hello,

I have tested your site on ios devices. The image shows one time.

See Screenshot for clarification:
https://ibb.co/9ttYWXM

Please once check back your site after completely clearing the browser cache.

Best Regards

Hi.

I did refresh the cache. and I did try on many phones. I am very sure it still has the problem.
did you try on the virtual iOS? or a real phone?

if I switch to another theme, the problems will go away.
I also did try deactivating all plugins. the problems are still there.

Hello,

This issue is caused by the caching plugin, it likely enabled the ‘JS delay ’ option. I can’t check without access. You need to add this file to the exclusions. https://store.sop.org/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.9.3.3

Best Regards

Hi.

I did my best to exclude the file from my caching plugin. I am still not seeing it fixing the problem on my phone.
could you help me?

Hello,

Please provide us with your admin access so we can log in and check this on your end.

Thank you in advance.

login credential provided in private content thanks

Hello,

Please give us permission to disable the 3rd party plugins so we will continue debugging the issue and let you know the possible solution.

Best Regards.

Yes please go ahead.
Please help to enable it back when done debugging. Thanks

After checking your site, we see that this problem is due to cloudflare Mirage, which is incompatible with the zoom image functionality that you use on a single product. In this case, you need to disable Cloudflare Mirage https://monosnap.com/file/yXxzVpzEh3Qq3T9z3RK4LbuFpwxHCl

[Author]

Posts