Liquid, JavaScript, themes, sales channels
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;
}
}
User | RANK |
---|---|
37 | |
24 | |
13 | |
11 | |
8 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023