lewis_ryder

Same issue here.

Same issue.

• This reply was modified 6 years, 9 months ago by lewis_ryder.

I’ve got this exact same issue. Very odd that it displays at the top of the page above all previous code. Any ideas?

• This reply was modified 6 years, 9 months ago by lewis_ryder.

So I’ve found the fix to this issue!

After looking more in depth I realised it was working fine on desktops & tablets, but not on iPhone’s.

For some reason, even the holder for the image wasn’t loading. So the page was bunched up where the image should be.

The fix I have found is bellow:

.woocommerce-product-gallery img {
display: block !important;
}

I just needed to make sure the display was set to “!important”.

Hope this might help people facing the same issue!

@questionabout Did you ever find a fix to display the product images on mobile devices?

I am having the same issue since the WC 3 update. It displays fine on a desktop, but on mobile device – the image disappears as soon as start scroll down page. Even the placeholder for the gallery is gone on the mobile.

On further digging, I have now found that by drastically reducing the amount of variations things are almost back to normal.

Image variations are showing correctly on hover, but now when I hit “clear” next to the variation drop down – the main image isn’t returning to show the featured image, yet on hover this is showing the featured image.

Another note – this has only recently started to happen. Never had this issue last year at all, and I’ve got some products with far more variations than 40.

Could it be since the major Woocommerce 3.0 update?

I’ve tried the above, but has no effect.

This issue isn’t happening on all products with variations. I’ve only noticed it a few times.

A product I’ve just created has 40 variations, and only the featured image is shown on hover.

I’m having the exact same issue. A fix would be greatly appreciated!

Hi there, I really need to make this responsive. Has a solution been made?

Many thanks,
Lewis