Product Grid Photos uploading at different sizes

[bearclovers]

Hello, 

I have had my shop up for the last few months and rotated between about 30 products. I have just added three in the same way I have this whole time, and they are being zoomed in a way that makes them stand out. The first image shows how my website usually looks and the second shows how the new products have ported in.

Any help would be so appreciated!

The website is www.openproject.store

Thank you!

[bearclovers]

I just self solved it but for anyone with this issue use the following code in the base.cs 

.card__inner .media--transparent { background-color: #fff; } .card__inner .media--transparent img.motion-reduce { object-fit: contain; }

[Dotsquares]

Hi @bearclovers 

1) Go to Online Store > Themes > Customize

2) Navigate to a product page preview

3) Check the Product Image settings in the sidebar (usually under “Product” or “Product pages”)

           Look for options like:

                              Image Size (e.g., medium, large, original)

                              Crop (enable/disable)

                               Image fit (cover, contain)

Set to "Contain" or disable auto-cropping to preserve the image ratio.