The current template (Crave) does not have such an option, I would like the product cards to be still square, but the photos should be resized to fit the square. I know that I have to change it in the appropriate css file
Hi @House-Insider you can change image ratio in your Online store > Themes > Customize > Collections > Default collection > Product gird > Image ratio > Square
It’s already set up like that, only product images are cropped instead of scaled down
I guess need to add some CSS code to make it works as your request. Could you share your store URL?
Go to your Online store >Themes > Edit code > Assets > base.css, add this code at the bottom of your file
.card__media .media img {
object-fit: contain !important;
}
Hi @House-Insider , please update code like this so it change image of products only
#ProductGridContainer .card__media .media img {
object-fit: contain !important;
}
2 Likes
Now products in /collections/ are now perfect but “bestsellers” on main page are still cropped
I changed it to:
.collection .card__media .media img {
object-fit: contain !important;
}
but it still does not work. Why?
nevermind, all is perfect now. Thank you so much 