Is it possible to resize images on product grid pages?

Store Design
1

I have attached 2 images of the way product images look, is it possible to make them look like the second image? The first image is on my current theme called motion whilst the second one is on dawn. Thank you for your help in advance.

Screenshot 2022-04-27 at 18.06.33.png
Screenshot 2022-04-27 at 18.06.33.png2936×1526 421 KB

Screenshot 2022-04-27 at 18.06.55.png
Screenshot 2022-04-27 at 18.06.55.png2936×1526 430 KB

2

Hi @senxios

How is it going today?

Please follow these steps to fix this for the motion theme

  1. From your Shopify admin dashboard
  2. Navigate to Online stores > Themes > Select the main theme > Customize
  3. Select the Collections page from the pages selector at the top center
  4. On the Collections page, you can change the product grid to show 4 products per row
    https://share.getcloudapp.com/X6uELNDw

Cheers!

3

Hi, I tried it but the images still look different, they are much more zoomed in on motion and I am not sure how to change it.

4

I managed to fix this myself btw. I added the following code to theme.css :

img[data-sizes=auto] {    
object-fit: contain!important;
}
.grid__image-ratio {
    position: relative;
    background-color: #fff!important;
}