Jump to content


Photo
- - - - -

Low resolution product image and thumbnail

thumbnails product image jigo shop woocommerce image resolution

Best Answer Danny , 15 May 2013 - 09:20 AM

Add the following code to your custom CSS, this should resolve the issue.

 

 
#site ul.products li a img {
max-width: 99%;
}

It would appear that there is a conflict with our CSS from what I can tell, I have reported this as a possible bug.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 missweb

missweb

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 14 May 2013 - 06:42 PM

Hi there

 

I'm having a real problem with the resolution of product thumbnails and product images. I've tried using Jigo Shop (for pagelines) and Woocommerce (for pagelines) and have come across the same problem. Basically I upload an image to wordpress (with good resolution and reasonable size), I then create a product and attach the image to the product through the featured image button. When I then look at the site the thumbnail image for this product is really bad resolution compared to the original and the product image on the product page is barely any better. When I enlarge the image it is good resolution but when I then close it you can visibly see the resolution getting worse. 

 

I'm creating a site for someone that is used to the thumbnail quality on etsy (which is amazing) so this is a real problem.

 

The site is www.mabetty.com and if you click on the clothes category you can see the product. I haven't done any work on the site yet until I've resolved this - hence it's pretty basic. As a comparison if you go to 

Please Login or Register to see this Hidden Content

and scroll down you can see the same product and the quality of the thumbnail.

 

I've searched in vain for solutions and am getting to the point of using a different platform like Shopify but really want to avoid the cost and transaction fees. 

 

Can anyone help me with this?

 

Thanks. 



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 14 May 2013 - 10:31 PM

Hi there,

 

When uploading an image to wordpress it does compress the image, also scaling the image can cause the thumbnails to become less crisp. There are some options available on the Wordpress support forums, using hooks/filters to stop the compression. However, a lot of the posts state the best results come from uploading the thumbnail image at the exact size.

 

Check out this post which has some links to the support threads  -

Please Login or Register to see this Hidden Content

 

Also

Please Login or Register to see this Hidden Content

and



#3 missweb

missweb

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 15 May 2013 - 09:00 AM

Thanks for your reply. I did try the Thomas Griffin fix but wasn't really sure where to insert it into the wp_image_editor class file code? Can you help me with that?

Thanks again.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16923 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 15 May 2013 - 09:20 AM   Best Answer

Add the following code to your custom CSS, this should resolve the issue.

 

Please Login or Register to see this Hidden Content

It would appear that there is a conflict with our CSS from what I can tell, I have reported this as a possible bug.







Also tagged with one or more of these keywords: thumbnails, product image, jigo shop, woocommerce, image resolution