The product details and photos are not displayed.

Update: I fixed issue by eliminating the CSS style codes in WooCommerce, but the product category page “https://ammanfoods-eg.com/product-category/halw-amman/%d8%b4%d8%a7%d9%89-%d8%ae%d8%b1%d8%b2/“

remained keeps loading it’s shown the image link to be

“data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D’http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg’ viewBox%3D’0 0 300 300’%2F%3E”

insted of its src link “https://ammanfoods-eg.com/wp-content/uploads/2021/11/amma-tea-250-1.png“

Hi @dina99

Thanks for reaching out!

I’m glad to hear that you were able to fix the issue by eliminating the CSS style codes in WooCommerce. However, I understand that you are still facing a problem with your product category page. It seems that the image link is showing as an SVG data URL instead of the actual image source link.

Checking the page, I can verify the issue here:

It looks like a third-party plugin or your theme might be causing the conflict here.

For us to investigate this further, can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled and see if this works?

If so, then this kind of problem is usually caused by your theme or a third-party plugin present on your site. We can run a conflict test to verify this. I’d recommend cloning your site to a staging environment and performing the tests described on this guide without modifying your live site or impacting customers. Many hosts provide staging facilities, so it’s worth checking in with them. It’s also possible to do it using the free WP Staging plugin.

If this was caused by a third-party plugin present on your site, it would be best to reach out to the developers for further assistance here.

If this did not resolve the issue, please share your System Status Report, that will help us further troubleshoot.

You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.

If you could also provide the fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Let us know how it goes!