Hi!
I’ve used Newspaper 8.8.2 and Woocommerce 3.4.4 to create our online shop. Everything is okay on desktop but product images don’t show up on each product page as soon as one uses a mobile device (checked with iPad and iPhone). I’ve activated WC lightbox and slider:
add_theme_support( ‘wc-product-gallery-lightbox’ );
add_theme_support( ‘wc-product-gallery-slider’ );
I already tried deactivating all plugins, nothing helped. When using the storefront theme everything is okay.
Thanks for your help!
Hi,
So the product images are not displaying at all on mobile? I could take a look, please provide a link to a product on your your website.
I tested with some default Woocommerce products with and without the mobile theme plugin, the product image displays for me
– https://www.screencast.com/t/m0YbAfaXd
Thanks
Here’s an example:
https://bit.ly/2AWg55J
Only on product page, category listing (…) works just fine. If you press on the white space, it loads the image. By the way, I update to v9 meanwhile.
For me it looks like this on desktop – http://prntscr.com/kh19ld
And like this on mobile – http://prntscr.com/kh1a5t
What exactly should I check? From what I can see the image is loaded on desktop and on mobile.
This is how it looks like on iOS:
https://bit.ly/2vVlLHb
Indeed, it seems that on IOS the product image is not visible. The images are loading fine using Android however. Please try to disable the theme lazy-load and check again
– https://www.screencast.com/t/fo7Ejtra
I will make some more tests on my end as well.
I am having problems replicating this on my end, I use the latest theme version and latest Woocommerce (same as you), only theme plugins and Woocommerce active. I tried with a few iPhones and the Safari browser, the images load perfectly and the menu works as it should.
In your case the images seem to be invisible and the menu is not working. Maybe another plugin is causing it somehow, or custom code. You could begin investigating this, plugins, custom code of any kind, the child theme.
The mobile theme probably is not loading the cause of the problem, that is why it works.
Okay, I’ll check that.
Thanks for your help!
It’s a caching problem. Disable loading of JavaScript deferred.
Regards.
