Home › Forums › Air WordPress Theme › Lightbox/ Zoom for Product Image/Slider not showing product image on real Iphone
- This topic has 10 replies, 2 voices, and was last updated 5 years, 9 months ago by
minarchitect.
-
AuthorPosts
-
August 27, 2020 at 5:25 am #22369
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-clickingThank you very much
August 27, 2020 at 12:31 pm #22374Hi,
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
August 27, 2020 at 7:04 pm #22380/bit.ly/air-demo-when-have-store-notice
August 27, 2020 at 7:05 pm #22381August 27, 2020 at 7:13 pm #22382Thank 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-airthemeI 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?
August 28, 2020 at 7:09 am #22383Hi,
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
August 28, 2020 at 4:22 pm #22402This reply has been marked as private.August 29, 2020 at 2:39 pm #22406This reply has been marked as private.August 31, 2020 at 3:57 pm #22430This reply has been marked as private.September 1, 2020 at 1:18 am #22437Hi,
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
September 1, 2020 at 5:31 pm #22450Thank you so much! It’s working now!
Thanks again!
-
AuthorPosts
- You must be logged in to reply to this topic.
