Catalog Images are Blurry
-
I’m building a store, and have noticed, that although I’m uploading files 800px on long edge, they look blurry when viewing the catalog. They’re fine on the Categories page, the item page itself, etc. It’s just the catalog images that look awful (example here – https://woodleyhollow.com/product-category/essentials/).
I know we don’t have to regen thumbnails in the newer versions of WooCommerce, but I can’t for the life of me figure this out.
Any ideas?
The page I need help with: [log in to see the link]
-
Hey!
It looks like your theme is setting the image to
327X327and it’s doing that on a300X300image. So it’s getting pixelated.The CSS that is doing this is coming from your theme.
https://woodleyhollow.com/wp-content/themes/shopkeeper/css/styles.css?ver=2.0.6
.products li img { width: 100%; height: auto; }You can override that by adding this CSS via the customizer.
/* Prevent product images from stretching to fill container */ .products li img { width: auto; }Cheers!
- The topic ‘Catalog Images are Blurry’ is closed to new replies.
