Size of my product images

Size of my product images

JonasDialga
Tourist
5 0 2

No matter how I do it, I cannot set the size of the images so that all images are the ‘same’ size without something being cut off.

 

How do I change this?

 

test.png

 

 

The text should be on one level, the pictures should just be smaller, instead of being cut off

Replies 3 (3)

Ahmad31
Shopify Partner
224 21 38

Hi @JonasDialga please share your store url

Love my work? Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!

michelleallpart
Shopify Partner
15 0 5

There are several ways but the easiest way is to use a standard size. For example, if all the images you upload to your site have the same dimensions (i.e. 1080 x 1080) then they will be the same size on the page. You can either upload them all the same size or you can resize them once they are in Shopify. If you use Shopify's resize tool, it can distort the images sometimes in order to make it fit in the dimensions you specify, it's best to do it before you upload them.

Bundler-Manuel
Astronaut
838 43 98

Hi there @JonasDialga  I suggest that you 

Try this -

Go to the online store > theme > Edit Code >Assets >theme.scss.css >add code in this file.

 

 

.grid-product__image-mask .image-wrap {
    padding-bottom: 100% !important;
}

Let me know if this works for you!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.