Catalog image size in shop page

Hi - it seems the catalog images are rendering at larger than the native size of their images and hence appearing fuzzy. I’ve read what I can in the support, but have not been able to fix. Here’a s link if you’d like a look.



Use this CSS code below to resize your catalog image:

.woocommerce ul.products li.product a img {
    height: 200px;
    width: auto;
    margin: auto;

put the code in: customize > additional CSS.



Please try to use 600x600px images for square / native product images, or use 600x800px for portrait images, your product images are that long because you use a very narrow image, like 300x900px, so it will generate a very tall product thumbnail.

Best Regards,