It looks like that’s because your images are being resized to a larger size than the original — which degrades the image quality. This is partly because of the 100% setting in this CSS in the woocommerce.css stylesheet:
ul.products li.product a img {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
display: block;
height: auto;
margin: 0 0 8px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
If you remove the 100%, they are smaller, but look better. You may need to upload larger images that are the same dimension that you want to display.
The WooCommerce documentation talks about product image resizing here:
http://wcdocs.woothemes.com/user-guide/adding-product-images-and-galleries/
The images I’m uploading is larger than the sizes being displayed on the product page though.
I just read the like you sent me and I’ll try to fix it..
I don’t understand why on my product page it isn’t showing the correct size as my thumbnails
My prouct thumbnail is 50×50 but it looks like a rectangle on my product page
What settings do you have:
On the catalog tab of the WooCommerce settings you’ll see three image dimension inputs.
It says your images will be resized to those settings.
Did you change those settings after uploading images?
Then according to the documentation I linked to above:
Remember if you change these settings after uploading product imagery you will need to regenerate your thumbnails within WordPress for the changes to be applied to your current imagery. To do this we recommend using the Regenerate Thumbnails plugin.
Yeah I’ve been using the Regenerate Thumbnail plugin but it’s still not working.
I just changed the thumbnail size and only the “product thumbnail” are looking good but the rest is still distorted
I tried many times also to resize image using Regenerate thumbnails, but doesn’t work on my Genesis theme.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Zelot66,
If you’re not contributing to the original poster, you should create your own thread.
