Return to previous page

Quality issue - by beerzs15 - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Olga Barlow

beerzs15

Participant

December 16, 2020 at 22:43

hei, why on catalog pages all product images have bad quality and good on single product? Can we make the quality better also on catalog pages? example: https://itstimeto.wdmarket.co.uk/product-category/first-summer/

Please, contact administrator
for this information.

#264410 Copied Theme version: 0.0.1

6 Answers

Olga Barlow

Support staff

December 17, 2020 at 14:49

Hello,

Our theme does not generate images for the catalog, this is WooCommerce and WordPress function to generate images. Once you set the size of the shop thumbnail in the Appearance > Customize > WooCommerce > Product images, WooCommerce creates additional images, for example, https://itstimeto.wdmarket.co.uk/wp-content/uploads/2020/12/Don_tBeStupid-300×300.jpg and uses them for the products on the shop page.
So, we can do nothing with the quality of the regenerated images.

Regards

#264553 Copied

beerzs15

Participant

December 22, 2020 at 20:48

i see, i scaled the size proportionally, but then some little errors happened, https://prnt.sc/w81t75 can you fix that all images are in same size, also here : https://prnt.sc/w81tvs

Please contact administrator
for this information.

#265415 Copied
Olga Barlow

Support staff

December 23, 2020 at 16:03
Hello,

Add the below code to Theme Options > Custom CSS
```
.content-product .product-content-image {
    min-height: 284px;
    max-height: 284px;
}
.content-product .product-content-image img {
    max-height: 284px;
    width: auto;
}
.content-product .product-title a {
    line-height: 2.5ex !important;
    min-height: 5ex;
}
```
Regards
#265570 Copied
beerzs15

Participant

December 23, 2020 at 23:16

images are streched now bad quality

#265627 Copied

beerzs15

Participant

December 23, 2020 at 23:17

i removed the code

#265628 Copied
Olga Barlow

Support staff

December 24, 2020 at 15:00
Hello,

Replace the previous code with this one
```
.content-product .product-content-image {
    min-height: 284px;
    max-height: 284px;
}
.content-product .product-content-image img {
    max-height: 284px;
    width: auto !important;
}
.content-product .product-title a {
    line-height: 2.5ex !important;
    min-height: 5ex;
}
```
Regards
#265708 Copied
Viewing 7 results - 1 through 7 (of 7 total)