Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #12296

    I think this has been asked before, but I still can’t figure out what is wrong.

    store thumbnails are blurry. I inspected “element” and it shows the thumbnail as 150×150 but then the size on the page is set to 212×212.

    I edited image thumbnail in media to be 212×212 and regenerated thumbnails but still the same.



    What are your settings in WooCommerce>Settings>Catalog>Image Options?

    That is the admin area the will affect your store images, not necessarily the general WP>Settings>Media.


    I have set woocommerce to 212×212. still the same. Rengenerated.. still the same. Do i need to change something in the hard code, like functions.php?


    You shouldn’t need to change any of the files, maybe some custom CSS. It’s tough to troubleshoot your situation without being able to see your settings in depth. But I’ve used Propulsion/Abundance to setup various shops and using really small photos can sometimes mess up the layout. Here is what I would do:

    -use larger photos for your products, it looks like you only uploaded a 290×216 photo (?), if you have access to a bigger photo upload that, at least 400×300 or 600xsomething

    -these are the image settings (they might be the default) I used for a Propulsion shop that I think would work well for you: catalog images at 450×355, single product at 450×355, thumbs at 80×80, uncheck hard crop for all

    I bet if you use a larger initial upload photo for your product, that will solve your problem.


    Thanks Man, Changing it to your settings worked.. I just have to get used to how WordPress handles thumbnails and such..


    Hi makproductions06,

    My advice would be the same. Just to give you a little bit of extra info, each time you upload an image with wordpress it creates a series of alternate sized files for use with the various theme options. Each image is resized based on the code in functions.php.

    So like in any image editing application, when you stretch a small image to fit a large space it loses quality (generally). Using a large image for the initial upload means that it gets sized down and preserves the quality for all the other various uses.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Poor Quality Thumbnails in store.’ is closed to new replies.