I'm using the dawn theme. When I press the view cart button in the mobile layout, the images are cor

Store Design
1

I’m using the dawn theme. When I press the view cart button in the mobile layout, the images are cor.

The photos get longer and their quality deteriorates. Can we keep this as a still image?

2

Hi @orcintre ,

Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.

3

My store is active now. https://orcintre.com.tr/

4

Hello @orcintre ,

Greetings!!

  1. Online Store->Theme->Actions->Edit code
  2. Find a theme.liquid file and paste this code at the bottom of the file
<style>
#cart .cart-items .cart-item {
align-items: start;
}
</style>

I hope it will help you

5

Hi @orcintre ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → create separate css file for css code then paste code below in the file.
    Ex: /custom.css
.cart-item__image {
  object-fit: contain !important;
}

Screenshot_6.png
Screenshot_6.png1773×344 14.8 KB

  1. Layout → /theme.liquid → paste code below into the tag of the file:
{{ 'custom.css' | asset_url | stylesheet_tag }}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

Finally, I want to show the price at the bottom of the product description. Can you help me get the price from that corner? and I want to remove those white parts of the photo

Adsız5.png
Adsız5.png400×403 26.3 KB

7

Hello @orcintre

You can try to follow the steps for the remove white parts of the photo

  1. Go to Online Store → Theme → Edit code.

  2. Asset ->custom.css Paste this code

#cart .cart-items .cart-item {
align-items: center;
}