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!
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; }
Hi @bearclovers
Go to Online Store > Themes > Customize
Navigate to a product page preview
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.
