How can I reduce the size of product images in Dawn?

Hello, my product images in product page is too big ! how I can minimize them? Thank you

1 Like

@plaizers

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

I don’t know why people always ask for your link first

It’s easy my friend

Video:

How to make your product images smaller in Shopify 2.0 Dawn theme

Firstly you can identify the problem:

The product image is too large

In this example you want to look for product__media in section-main-product.css

Then you simply want to change the .product:not(.product — no-media) .product__media-wrapper {
max-width: 64%;
width: calc(64% — 1rem / 2);
}

Change the percentage to whatever you want and you’re done

2 Likes

Hey @plaizers .

Thanks for reaching out.

I appreciate that you have included which theme you are using as that is super helpful! Since you are using the Dawn theme, which is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal themes team make the coding change on your behalf.

If you are interested, you can login to your store using our Contact Us page as this will allow us to securely verify you as the store owner before discussing the changes with a Support Advisor.

Let me know if you have any additional questions.