Lightbox/ Zoom for Product Image/Slider not showing product image on real Iphone

[minarchitect]

Hi
the new updates: Lightbox and Zoom options for Product Image/Slider is so very nice on PC. But the product image/Slider will not show up on the real Mobile phone (I use IphoneX with Chrome and Safari browser). That image looks transparent like this… https://bit.ly/air-lightbox-zoom-on-mobile
and when clicking at the image will be zoomed look like this https://bit.ly/air-lightbox-zoom-on-mobile-when-clicking

Thank you very much

[SeaTheme]

Hi,

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.touchevents .woocommerce-product-gallery__image .zoomImg { display:none!important; }
.pswp--open {max-height: 100vh; }

ps: the custom CSS will fix the 2nd issue. I didn’t see the 1st issue, the images should not be loaded on your phone.

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[minarchitect]

/bit.ly/air-demo-when-have-store-notice

[minarchitect]

https://bit.ly/air-demo-when-have-store-notice

[minarchitect]

Thank you for the css. It’s working.
I try to open the product page from my iPhone x and iphone 7 with air theme (both default and air-child them). With and without cache and try with other website. The product image/ slider didn’t appear. This is my website. https://bit.ly/mywebsite-airtheme

I wonder if there have any elements with white background-color cover them? Or because of the animation/ lazyload when loading image didn’t finish before ending load the whole pages, so the product image/ slider didn’t not appear?

[SeaTheme]

Hi,

It is not normal, the thumbnails should not be shown. The navigation should be dots.
Please stop all 3rd plugins to check.
——————————–
If it doesn’t work, please send your question(this topic URL) and wp-admin(URL / username/password) to uiueux@gmail.com, I’ll log in to check it.

Best

[minarchitect]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[minarchitect]

This reply has been marked as private.

[SeaTheme]

Hi,

Yes, I saw it.
Sorry, I tested it on the iPhone SE2, didn’t find it.

Please add the CSS(“Appearance > Customize: Additional CSS”) to fix it quickly.

.woocommerce-product-gallery__wrapper .lazy-hidden {
 opacity: 1;
}

Best

[minarchitect]

Thank you so much! It’s working now!

Thanks again!

[Author]

Posts