Woo Commerce Gallery > Images cut off

Support
#1

Hi X,

I’m struggling with Woo images again…

The main issue is that product images are getting cut off and it looks very unappealing/unprofessional. I don’t know exactly when this happened. For example, if it was with the most recent update or something else.

I’ve added this a while ago, maybe 2 months but it looked fine after.

Attached is a screen shot and I’ll send login details.
The second issue, is something that I’ve asked before but it was more or less written off as a caching issue. But it happens if we clear the cache frequently or infrequently. Do you know why some of the product images aren’t showing up when you first click on a product? It seemingly happens at random. We haven’t been able to find a rhyme or reason to it. The third screen shot in an image. Would love any additional suggestions

Thanks X

#2

Hey there,

WooCommerce thumbnail size issues are fixed in X 5.1.1. You can remove those additional codes relating to WooCommerce settings in your functions.php. Then, go to WooCommerce > Settings > Products > Display and set your desired image sizes then regenerate your images using a plugin like Force Regenerate Thumbnails. See https://theme.co/changelog/#theme-x-5-1-1 for more details.

I see all your product images loaded every time in different browsers. Try clearing all caches including browser cache. If that doesn’t solve the issue, it could be a problem with website optimization or lack thereof. Please contact your host regarding this or consult with a website optimization service like https://wpspeedguru.com/

Thanks.

#3

Hi Xian,

I followed those instructions, (removed code from PHP, reset Display size in Woo and regenerated thumbnails) and cleared the cache but it didn’t seem to make a difference. Do you mind hoping in to have a look?

#4

Hello There,

Thanks for updating in! To resolve this, please go to WooCommerce > Settings > Product > Display and set the “catalog images” to 9999 and uncheck hard crop. Regenerate the thumbnails and clear the cache. This display the full image and not the crop version.

Hope this helps. Please let us know how it goes.

#5

Hi X,

We’re still struggling over here. Unticking Hard Crop fixed the images from getting cut off but now new issues are arising. Hopefully the attached image will help explain the situation.
Images are oddly appearing on the left of the box, not centered.
Images are blurry unless zoomed in (this was the case when we upgrades to Woo 3.0.0. but the php change we made, instructed by you, helped resolve the issue. Now that we’ve removed it, images are blurry again.
Did I follow the Product images settings correctly?

thanks!!

#6

It’s positioned in the left because the image is smaller than the container. It must be larger. Your Single Product Image setting is 350 x 350.

It doesn’t look blurry to me but 350 x 350 might be blurry to you.

Since your original image is 1200 x 1200px, try changing the Single Product Image Size to 1000 x 1000.

Remember to regenerate your thumbnails. If it doesn’t work, try the Force Regenerate Thumbnail plugin.

Thanks.

#7

Thanks! Finally a solution. I really appreciate the screenshots as well!

#8

You’re welcome.