How to make all product images the same size?

137 0 20

How can I make all product images the same size?

Bildschirmfoto 2024-06-11 um 2.21.10 PM.png

Replies 2 (2)
137 0 20

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

Shopify Expert
272 42 43


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! 


If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development