How to make all product images the same size?

KimGottwald
Pathfinder
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)
KimGottwald
Pathfinder
137 0 20

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

BSSCommerce-B2B
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:

BSSCommerceB2B_0-1718126117701.png

 

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

BSSCommerceB2B_1-1718126201931.png

 

 

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