WooCommerce product images don't load

[missionspress]

Recently the product images stopped loading in the store. I have tried the following…

• Updated plugins
• Cleared the WP Rocket Cache
• Cleared the CloudFlare Cache
• Tested site in CloudFlare’s developer mode

BUT… the product images do load when I switch the websites theme to Twenty-twenty.
https://foursquaremissionspress.org/resource-store/

Any ideas?

Also, on single product pages, the Related Products on bottom of the page gets cut off in Safari browser.

See link for screenshots…

220605 Screen shots

Thanks in for your help.

[marc_a]

Hey @wghiacy,

Thanks for reaching out!

There could be a plugin or custom code that affects the load of your images.

I recommend the following troubleshooting procedures before we investigate the settings.

1. TESTING FOR THEME RELATED ISSUE
2. TESTING FOR PLUGIN CONFLICT
3. THEME UPDATE
4. CHILD THEME
5. CSS/JS CUSTOMIZATION
6. VERSION COMPATIBILITY

Only if none of that helps, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[missionspress]

Thanks for the information. I did resolve my first issue of WooCommerce images not appearing. It was a plugin. (ZFeature Image) I will look for an alternative.

But the “Related Products” continues to get cut off on the product page in Safari. The issue disappears if I switch away from X Theme or its child theme. I added a “secure note.”

Here is a direct link to see the issue. It’s on all the products in Safari…
https://foursquaremissionspress.org/product/basics-plus/

[christian]

Hey @wghiacy,

This looks like a bug but I’ll confirm this with our development team. For now, please add the following code in Theme Options > CSS. If you’re unsure where that is, check out our Code Editors doc here: https://theme.co/docs/code-editors

[class*=woocommerce] .upsells, [class*=woocommerce] .related, [class*=woocommerce] .cross-sells {
    margin: 50px 0 0;
}

Thanks.

[missionspress]

Thank you!

[tristup]

Hi @wghiacy,

You are most welcome.