This topic has 7 replies, 2 voices, and was last updated 4 years ago ago by Olga Barlow
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/
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
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
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
images are streched now bad quality
i removed the code
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
You must be logged in to reply to this topic.Log in/Sign up