Single product page / images not showing correctly

Hello,

It seems issue because of the optimation or lazy load plugin. If you have any please disable it, clear the cache, and check.

If not resolved with the above, please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

.woocommerce.content-full-width div.product div.images {
    opacity: 1 !important;
}

Thanks a lot, CSS code has helped!

You are most welcome!

could you please assist me as well. My product image is not showing properly. I put codes: .woocommerce.content-full-width div.product div.images {
opacity: 1 !important;
} in custom css in the customization section. This did not help. I deactivate most plugins. That did not work. I cleared cache. Nothing works. I recently saw wordpress announced that oceanwp has not been tested on the updated version wordpress 5.8. I tried to set up the single product template in elemantor pro by sizing the image to contain and default, as it is the only one that make the picture center. But after saved, it doenst show as displayed in elemantor. Also the share buttons are showing in the product image and not under it as it suppose to.

It was working fine before and I cannot tell what happened. It still was giving same issue with the social media icon showing inside the product image and not underneath.

Hello,

Kindly update the theme and plugins to the latest version, switch to the parent theme, go to Theme Panel > SCripts & styles, here disable all the files click on the save button, now enable all the files, and click on the save button a couple of times.
Clear the entire server/browser/site cache, and check.

PS- make sure to enable all the scripts & styles files.`

All theme and plugins are updated. Using the parent theme. I tried what you recommend and nothing worked.

That is quite odd, kindly open a ticket at the helpdesk to take a closer look into the issue.