Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi everyone,
I think the product images looks too big in the cart.
I would be very happy if you could help with this.
I'm sharing the details below for you to have a look at.
Website link : https://evdeyiz.de
Thank you in advance for your support and help.
Solved! Go to the solution
This is an accepted solution.
In mobile it looks fine. In desktop, they look large because of their aspect ratio which is not square. So even if we make them less tall, if you wanna preserve the aspect-ratio, then you'll have spacings on the left & right sides (otherwise, you'd have to be willing to crop the image).
Admitting you wanna preserve the image ratio, you can add this piece of css at the bottom of the file component-cart.aio.min.css:
@media screen and (min-width: 750px) {
.cart-item__image {
max-height: 100px;
object-fit: contain;
}
}
This is an accepted solution.
In mobile it looks fine. In desktop, they look large because of their aspect ratio which is not square. So even if we make them less tall, if you wanna preserve the aspect-ratio, then you'll have spacings on the left & right sides (otherwise, you'd have to be willing to crop the image).
Admitting you wanna preserve the image ratio, you can add this piece of css at the bottom of the file component-cart.aio.min.css:
@media screen and (min-width: 750px) {
.cart-item__image {
max-height: 100px;
object-fit: contain;
}
}
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025