How to make all images the same size
-
Hı, please look at the pictures attached. When we are inputting the images they are being resized to a smaller image and it’s affecting the quality. Also in the product section there are so many discrepancies , how can I make all of these the same size? Can I set a size limit?
Attachments:
You must be
logged in to view attached files.
I have attached more images here
Attachments:
You must be
logged in to view attached files.
You can use this code
CSS;
.product-grid-item .product-image-link img, .product-grid-item .hover-img img {
width: auto !important;
height: 300px;
object-fit: contain;
}
Hello,
In general, the issue is in the images themselves. Please read the below article that describes possible ways to solve it.
https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/
I’d be happy to assist if you have any other questions or concerns.
Kind Regards
.
