Why do imported product images appear zoomed in on my site?

Store Design
1

hi team,

when i import any product from supplier to shopify, and then go to my site , i see the images are already zoomed in, not as it was in supplier

so everytime i need to edit it manually

how can i import the image as it was in supplier, you can see the below how the images are zoomed in

Motazz_0-1689762020301.png
Motazz_0-1689762020301.png1706×477 766 KB

2

@Motazz

Please share your page URL!

Thanks!

3

here you go

https://mariafashionworld.com/collections/watches

1 Like
4

@Motazz

Please add the following CSS code to your assets/base.css bottom of the file.

.product-grid-container .card__media .media img{object-fit: contain !important;}
.product-grid-container .gradient {background: #fff !important;}

Thanks!

1 Like
5

Thanks alot

it works perfect now

really appreciate it :slightly_smiling_face:

6

@Motazz

welcome again!

Thanks!

1 Like
7

hi,

i have created a new page, and added collections to this page, the image of each collection on this page zoomed in too much, can i use the above code for it? if so how?

8

@Motazz

Please share your page URL!

Thanks!

9

Hello

I have same problem in PC screen it’s ok but in mobile phone my products already zoom can you help me please?