Thumbnail is getting cut off on the product page

LynLags · Jun 19, 2024

Hello,

I encountered issues on the the thumbnail getting cut off on the single product page.

I am also using woocommerce plugin and divi theme.

Here are the steps I tried but did not work.
1. Set the set Appearance-> Customize -> Woocommerce Product Images and set to Uncropped and Regenerate thumbnail but it doesn't work.

I hope guys you can help me.

Thanks you so much.

LynLags · Jun 20, 2024

sam090009 said: ↑

Hey there,

I've had a similar issue in the past. Sometimes, the settings in Divi can override WooCommerce settings. Here’s a couple of things you could try:

Check Divi Theme Options: Go to Divi -> Theme Options -> Builder -> Advanced and make sure there are no settings that might be affecting the image size.

CSS Fix: You can try adding some custom CSS to ensure your thumbnails are displayed correctly. Go to Divi -> Theme Options -> General -> Custom CSS and add the following:
""
.woocommerce div.product div.images img {
width: auto;
height: auto;
max-width: 100%;
}
""

Divi Builder Settings: If you're using the Divi Builder for your product pages, sometimes the image module settings might cause issues. Make sure to check the image settings within the Divi Builder as well.

Give these a try and let me know if they work!

Click to expand...

Hi,

I tried your solution but it doesn't work.

Thank you for your help.

Thumbnail is getting cut off on the product page

LynLags New Member

LynLags New Member

Useful Searches

Thumbnail is getting cut off on the product page

LynLags New Member

LynLags New Member