The product images are not displaying on the single product pages. Here is one of the product pages for reference: https://sandbox.wheelsofgrace.com/product/donation/. The product info is on the right, and the product images are supposed to be displaying on the left, but are not. I have set the featured product image and the additional gallery images for products, but there are no images showing on any of the products. The product image appears to be on the page, but is not displaying, because if you click where the picture should be it opens the lightbox for the image and you can see the image in the lightbox, it just does not display on the actual page for some reason.
I have tried disabling plugins one by one, and there was no conflict with any plugins, this problem occurred even with all plugins deactivated. I've tried deleting all images, then re-adding different images. I've tested creating a new product. Nothing works. I paid to renew support on ThemeForest so that I could get some help on this and get it fixed. Please advise.
Thanks for your help! Since our last few replies were private, I'm posting this reply publicly in case someone else comes across the same issue. PenciDesign support provided this solution to the issue with woocommerce product images not showing up on product pages:
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
The product images are not displaying on the single product pages. Here is one of the product pages for reference: https://sandbox.wheelsofgrace.com/product/donation/. The product info is on the right, and the product images are supposed to be displaying on the left, but are not. I have set the featured product image and the additional gallery images for products, but there are no images showing on any of the products. The product image appears to be on the page, but is not displaying, because if you click where the picture should be it opens the lightbox for the image and you can see the image in the lightbox, it just does not display on the actual page for some reason.
I have tried disabling plugins one by one, and there was no conflict with any plugins, this problem occurred even with all plugins deactivated. I've tried deleting all images, then re-adding different images. I've tested creating a new product. Nothing works. I paid to renew support on ThemeForest so that I could get some help on this and get it fixed. Please advise.
Hi,
Please disable the Autoptimize plugin and then check again, the problem because some CSS/JS code can't work properly.
Regards,
PenciDesign.
I have deactivated the Autoptimize plugin, this did not fix the issue. Please advise.
Thanks for your help! Since our last few replies were private, I'm posting this reply publicly in case someone else comes across the same issue. PenciDesign support provided this solution to the issue with woocommerce product images not showing up on product pages:
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.woocommerce div.product div.images.woocommerce-product-gallery { opacity: 1 !important; }