WooCommerce 3.0.0 – Single Product page – Image not showing

So after a couple hours of trying stuff, I found that if I added the following:

In style.css:
.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:1 !important;
}

figure {
display: block;
margin-top: 0em;
margin-bottom: 0em;
margin-left: 0px;
margin-right: 0px;
}

that I was able to see the images again. However, it is using a smaller image size and not the full product image file that was originally uploaded.

Maybe there would be a better update soon.

• This reply was modified 7 years, 7 months ago by shantier.
• This reply was modified 7 years, 7 months ago by shantier.

Thanks for your report, @shantier. Are you able to link to the page where this issue is visible?

The fix may be specific to your site/theme; I’d be happy to take a look.

Edit: I’ve followed up in the support ticket you opened with StudioPress. Please feel free to reply there if you have further feedback!

For others reading this, it seems many themes require the above add_theme_support lines in functions.php that shantier posted, together with a correction for product image borders in style.css:

figure.woocommerce-product-gallery__wrapper {
  margin: 0;
}

• This reply was modified 7 years, 7 months ago by Nick C.

Thanks Nick! This resolved my problems. Also, I upgraded to WooCommerce 3.0.1.

This has been resolved

i have the same problem i did what u say and still nothing
this is the single product page
https://bsamim.biz/product/%D7%93%D7%90%D7%95%D7%93%D7%95%D7%A8%D7%A0%D7%98-%D7%98%D7%91%D7%A2%D7%99/
also when u press on the quick view the product is not showing
https://bsamim.biz/%D7%91%D7%9C%D7%95%D7%92/

i did what u say but didnt work =/
help someone

Thanks a lot!

.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:1 !important;
}

This css rule helped me because the product picture was not showing on the single product page.

I can′t see any photos in the shop, only in the medialibrary.
where do you paste this code?

I imported my products from a CSV file and everything showed up except my images. Please help me in correcting this issue.

@oraclepassion I recommend starting a new topic in the main WooCommerce forum: https://www.ads-software.com/support/plugin/woocommerce#new-post

Hi all, i have updated to WooCommerce 3.3.3 with the divi theam.
All products pictures are not showing on product page but showing on the rest of pages. I have tried editing the css files with the opacity fix with no luck.
i have tried the regen thumbnail with no luck. I have tried downgrading still no luck.
i have even tried using a different theame with no luck.
The strange think is on some browsers there seem to be no problem but on others there is.
Please have a look and let me know your thoughts on how to resolve.
https://www.mfctech.uk

@ndgm2016 I currently see pictures on your product pages in Firefox and Chrome: https://www.mfctech.uk/product/1080p-nvr-kit-8-camera-1-4-inch-cmos-app-support-25m-night-vision-p2p-support-ip66-waterproof-sata-white/

If you do not see them, you could ask your theme developer for help and mention which browsers are not showing the images.

If you’d like further advice, I recommend posting in the WooCommerce forum: https://www.ads-software.com/support/plugin/woocommerce#new-post

This topic is for issues relating to the Genesis Connect plugin only.

Hi Nick
This issue has been bugging me for a couple days.
You are correct, in chrome and firefox all seem to be fine.
But internet and explora and phone browsers seems to be the issue.
Please could you check on IE and also a phone browser to see if its me or some setting which may be incorrect.
Kind Regards
Nick

Hi, Nick.

I recommend following up with your theme developer or in the WooCommerce forum, as this forum is for the Genesis Connect plugin.

(For what it’s worth I do see products in IE 11: https://d.pr/i/8YyifO and on iPhone: https://d.pr/i/TRNDjg, so it could be specific to your devices or network.)

Hello! I have a problem with a Picture of a single product on my web site https://elektricno-orodje.si/izdelek/makita-ddf481z-akumulatorski-vrtalnik-vijacnik/. I do not know how to fix it. I tried different things but nothing work. Can you please help me to fix this. is it possible that it is a new version of Woocommerce that did this problem.

Thank you a lot.

I have a problem with my webshop. The single product does not want to show, when I upload the picture in my dashboard the picture is not seen. Also the gallery pictures from the same item are not showing.

I have an updated version of all the plugins and a WP.

• This reply was modified 6 years, 8 months ago by ideep.
• This reply was modified 6 years, 8 months ago by ideep.
• This reply was modified 6 years, 8 months ago by ideep.