Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello, I am using Minon and am fairly new to Shopify. My product images are too zoomed in on the thumbnails. Any help would be appreciated. Thanks!
https://d07b9b-5b.myshopify.com/collections/all
Solved! Go to the solution
This is an accepted solution.
I just found the issue.
In order to fix it you need to paste the following code in the end of base.css file.
Here is how you can find the base.css file.
Go to Shopify Admin >> Click on Online Store >> Click on three dots and then Edit Code.
In the Edit code you need to search for base.css file.
After that paste the following code in the end of that file.
[style*=--aspect-ratio] img, [style*=--aspect-ratio].placeholder__svg--bg svg {
object-fit: contain !important;
}
Results:
Hey @FSC1,
Welcome to the Shopify community. Would you like to share the store password so that I can take a look and provide you solution code.
Please try again. I temporarily removed the password.
I found the "contain" button. Thanks!
I am happy that it could helps. If you need further help then don't forget to post here.
Thanks
This is an accepted solution.
I just found the issue.
In order to fix it you need to paste the following code in the end of base.css file.
Here is how you can find the base.css file.
Go to Shopify Admin >> Click on Online Store >> Click on three dots and then Edit Code.
In the Edit code you need to search for base.css file.
After that paste the following code in the end of that file.
[style*=--aspect-ratio] img, [style*=--aspect-ratio].placeholder__svg--bg svg {
object-fit: contain !important;
}
Results: