How to make all product images the same size?

[KimGottwald]

How can I make all product images the same size?

[KimGottwald]

This is not working sadly, the picture is now filling the whole screen.

[BSSCommerce-B2B]

Hi @KimGottwald ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file theme.scss.css. And add this code snippet to the end of the file.

@media only screen and (max-width: 749px) {
   .grid-product__image-wrapper {
      height: 258px !important;
   }
}

Step 3: Save your code and reload this page.

=>> The result: All grid product have height 258px, Products the same size on Mobile

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!