[Support request] Woocommerce single product image not showing (please help)

[raul]

Hello, I recently seen that my woocommerce single product image is not showing when I click on a product. The product catalog images are working fine, but when click on a product, none of the images show up. I have tried to clear my cache, as well as, disable other plugins. There are images that are linked to the product when I inspect the page, but do not show on page. any suggestions would be great, thanks.

[Elvin]

Hi Raul,

The product image is actually within the page. The issue is there seems to be a supposed entrance fade in animation script for the product image that isn’t working properly as it’s stuck w/ opacity: 0; making it non visible. A script should be changing the value from 0 to 1.

Consider disabling plugins 1 by 1 to see what plugin conflicts with any other plugin.

[raul]

Thanks I believe I found the culprit. Is there any ways to hard code the opacity?

[David]

Hi there,

you can throw some CSS at it like so:

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

Personally i would look to eliminate whatever plugin or function is adding the opacity: 0; value to the gallery. As that means you have some unncessaary Javacript running on that page, and theres a potential risk that a cache could still load the image with no opacity…..

[Peter]

Good afternoon. I’m working with your Target theme today I updated woocommerce to version 6.1.0 and the same problem appeared, the photos in the product card disappeared (I used your example:
.woocommerce-product-gallery {
opacity: 1 !important;
}
only one photo from the gallery is shown( What else can I do? Thanks. I apologize for my English))

[David]

For reference it looks like a bug in 6.1.0

https://wordpress.org/support/topic/product-images-not-showing-since-6-1-0-update/

Advisable to downgrade to 6.0 until more info is available.

It may be a direct bug with woo or a conflict with optimization plugins, try disabling any optimization plugins to test.

[Juned]

Thank you Sir. You saved me again. I downgraded to Woo 6.0

(I replied here by-mistake)

[David]

🙂

[raul]

thanks… Ill use the snippet for now as it shows something until I can come up with a solution. Thank you for the help.

[David]

You’re welcome

[Juned]

Hi there!

Should we now update to WooCommerce 6.1.1 2022-01-20?

[Leo]

I’d recommend giving it a shot on a staging site environment 🙂

[Author]

Posts