[Resolved] Content template – product image not showing front end

[Author]

Posts

[SimonP3753]

Hi there.

Please see here: hidden link

There should be a product image in the 2nd column between the left hand categories menu and right hand side woo product info.

It shows on the back end in content template (see attached SS) but not on front end.

Please can you take a look?

Best regards

Simon

[Christopher Amirian]

Hi there,

I checked the front end of the website and I see that the image is loading ok in the code. So the view pulls the image data correctly.

The issue is that the containing DIV element in HTML has an opacity of 0 which causes the issue.

As the 0 opacity happens on the element itself inline it might be some sort of lazy loading plugin or other thing that you used that does not do the job well.

To test which one is the issue please follow the steps below:

- IMPORTANT STEP! Create a backup of your website.
- Switch to the default theme such as "TwentyTwenty" by going to "WordPress Dashboard > Appearance > themes".
- Go to "WordPress Dashboard > Plugins" and deactivate all plugins except toolset and its add-ons.
- Check if you can still recreate the issue.
- If not, re-activate your plugins one by one and check the issue each time to find out the plugin that causes the problem.

[SimonP3753]

My issue is resolved now. Thank you!

I used this to sort it:

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