Solved

How To Make All Product Images The Same Size? - Dawn Theme

milkandcookies
Excursionist
451 0 49

Hi, how can I make all Main product images the same size? Below, you can see the difference in height between two Main product images. How can I standardize the height and width dimensions of all Main product images so that they are always the same? Thanks in advance.

 

Image 1:

 

milkandcookies_0-1707098814659.png

Image 2 (much smaller in height):

milkandcookies_1-1707098994872.png

 

url

https://d10cbe-2.myshopify.com/products/signature-25-pack-pop-box

 

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 219

This is an accepted solution.

Hello @milkandcookies 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.product-media-container .product__media {
    padding-top: 100% !important;
}

The product image will always be square

Screenshot 2024-02-05 at 09.31.00.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 6 (6)

ZenoPageBuilder
Shopify Partner
1052 203 219

This is an accepted solution.

Hello @milkandcookies 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.product-media-container .product__media {
    padding-top: 100% !important;
}

The product image will always be square

Screenshot 2024-02-05 at 09.31.00.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
milkandcookies
Excursionist
451 0 49

It works! Thanks so much.

ZenoPageBuilder
Shopify Partner
1052 203 219

You are welcome 🙂

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
DesignedLeanne
Tourist
5 0 2

Hello! Would you mind looking at my website with a very similar problem please? I would like all of my product images to be the same height. I've tried the solution you wrote but sadly it didn't work. 

Here is my URL and I am also using the Dawn theme - any help would be appreciated thank you! 🙂 

https://www.designedbyleanne.com/products/personalised-cat-print-a4-a3-5x7-digital-beautiful-wall-ar...

ZenoPageBuilder
Shopify Partner
1052 203 219

Hi @DesignedLeanne 👋

It seems you have figured it out

Screenshot 2024-02-15 at 07.28.47.png

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
DesignedLeanne
Tourist
5 0 2

Hello! Yes I got it, thank you so much for your help 🙂 

 

Thanks,

 

Leanne