Issue on product page on iphone (Picture disappears )
Hello, we have find an issue when scrolling on just Iphone, there are a problem the picture of product disappears on navigation ! please how we can fixe the issue !
Exemple : https://dimouzika.com/produit/turk-oud-6-cordes-tukri-4-4-2/
Also on your demo template the are the same issue on iphone :
https://themes.muffingroup.com/betheme-store2/product/benotebook2/
Comments
Hello,
Please, turn off all of the plugins(leave woocommerce enabled only), refresh your cache, and check if the problem persists.
Moreover if you use a child theme, switch to parent, and recheck it.
Thanks
Hello Thanks for your return but the problem is same on your demo also !! just on Iphone (IOS) ! there are no problem on android smartphone ! you can see picture bellow !
On which iPhone, iOS and browser did you notice it?
I tested it with iPhone 11, iOS 16, Safari and it works fine, without problems.
thanks
Hello, we have test on Iphone 8 , Iphone 11 and Iphone 11 PRO
We have make a test also on : 13 pro max
12 pro max
12 pro
12 pro max
Hi,
Your image is too small, the zoom effect does not work, and it shows blank space.
Put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.
.product-gallery-zoom .woocommerce-product-gallery__image:hover .wp-post-image{ opacity: 1!important; }Thanks
it's OK many Thanks :)