Return to previous page

Poor quality image in the product list page

This topic has 4 replies, 4 voices, and was last updated 6 years, 9 months ago ago by Olga Barlow

thelumix

Participant

January 27, 2018 at 14:20

Hello, I have problem with grid image that shows the catalog.

here the address: http://185.197.128.160/~scarpeca/categoria-prodotto/edizione-limitata/

The images have a poor quality ad to much zoomed in the box, i would to have a box that contain the image with no zoom effect, stretch o orde image manipulation.

How can i obtain the right quality?

#183131 Copied Theme version: 4.9.2 WooCommerce version: 4.17

3 Answers

Rose Tyler

Support staff

January 29, 2018 at 10:34

Hello,

Please read this article https://docs.woocommerce.com/document/fixing-blurry-product-images/ To change the size of the product images go to WooCommerce > Settings > Product > Display > Image settings + don’t forget to regenerate thumbnails after changes (use Regenerate thumbnails plugin).
Zoom effect shows the real size of images, if you don’t want the zoom you can disable it in Theme Options > E-commerce > Single Product Page.

Regards

#183187 Copied

devsatya

Participant

January 29, 2018 at 21:42

I have install xstore theme and I have just uploaded my images of different products but all are in different sizes. Then I have followed step to regenerate images using this steps ‘https://docs.woocommerce.com/document/fixing-blurry-product-images/’. After regenerate thumbnails for all still having same issue. I tried both ways to regenerate (cropped and non cropped). I have xStore theme installed and I have below settings for product images under woocomerce display settings.

Catelogue images 262*311
Single product image 670*796
product thumbnail 100*100

Now I have deleted all thumbnails. Pls advice how to fix this step by step so product page and all images looks perfect on all pages.

Thanks

Please, contact administrator
for this information.

#183310 Copied Theme version: xstore WooCommerce version: Latest
Olga Barlow

Support staff

January 30, 2018 at 10:25
Hello,

1) Add the following code in Theme Options > Styling > Custom CSS
```
.content-product .product-content-image img {
    min-width: 1px;
    width: auto;
    max-height: 200px;
}
```
2) For the single product image set 555*550 without hard crop.

Regards
#183341 Copied
Tagged: image optimization, poor quality images, product list page, seo friendly images, wordpress woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)