Why My image become blur?

Hi, This can happen if the image you uploaded is too small, eg 100 px, and then your theme will stretch it to eg 300px to fit the space on the page. If this applies to you, then you need to upload a new image of a size closer to the displayed size. If your uploaded images are already big enough, check the settings in the WooCommerce / Settings / Products tab / Products image sizes section.

Hi,
I’m affiliate, I don’t have original image. I’m using datafeedr WooCommerce Importer plugin to upload the images. How can I solve this problem?

Many thanks

Hi, If the image is small or poor quality you can’t put quality back in. You could consider applying a border. For example, if your image is 100 px and you are showing it at 300 px, edit it to have a 100 px border the same colour as the background. Then the image won’t be expanded and become blurred. Or you could edit the theme style to show images at a smaller size but this requires a knowledge of css and may throw up other problems.

Hi,

I have posted the solution to your support ticket here:
https://v4.datafeedr.com/ticket/695#comment-1047

Eric

Hi,
Now my image problem has been solved. Thank you very much for it. But my Hompage images are huge. I was thinking it’s my theme designer problem, but they told me it’s not their fault (see https://i.imgur.com/F3AvbS4.jpg). It’s either affiliate plugin provider or WooCommerce problem. Can you let me know how to resize the image. Please take a look my website: jewelryothers.com

Many thanks
Sheng

Hi, If you put this in your css:
.woocommerce-page ul.products li.product {width:220px}
it will make the images smaller, but still 3 in a row.
Have you tried using the same template for the homepage as for the other pages, ie with a right sidebar to use up the space. In this case you won’t need the css above.