Site logo

Archived topic

Woocommerce single product image not showing (please help)

11 replies · Started by raul on January 11, 2022

Viewing posts 1–12 of 12

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.

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.

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

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.....

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))

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

(I replied here by-mistake)

:)

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

You're welcome

Hi there!

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

I'd recommend giving it a shot on a staging site environment :)

This archived topic is closed to new replies.