Product images too big in cart for the ride theme .

Solved

Product images too big in cart for the ride theme .

SD1111
Visitor
1 0 0

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. 

 

Ekran Resmi 2023-07-06 09.11.52.png

 

Accepted Solution (1)

MaxDesign
Shopify Partner
214 15 89

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;
  }
}
Reach out to me at admin@maxdesign.expert

View solution in original post

Reply 1 (1)

MaxDesign
Shopify Partner
214 15 89

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;
  }
}
Reach out to me at admin@maxdesign.expert