How can I reduce picture size on a product page in Dawn 2.4.0?

Store Design
1

Hi all, I’m trying to figure out a way to reduce the size of the picture in the product page. The other answers in the discussion area didn’t helped. If it help. : Theme - Dawn version 2.4.0

TIA!

1 Like
2

Hi @ABOUCHER ,

Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.

3

Hi @ABOUCHER
I’m happy to be able to help you and thank you for your question.
Please share your store URL, page URL, and also password (if your store has one) so we can help you.

4

Hi,

here is the URL to the page in exemple

https://eco-biose.ca/products/barre-de-revitalisants

5

Hi, here is the URL of the page in exemple

https://eco-biose.ca/products/barre-de-revitalisants

6

Hi @ABOUCHER ,

If you use dawn theme, you can try follow the instruction below:

  1. Go to Online Store → Theme → Cusomize

  2. Go to Product page → Product default → Product information then change the options in Desktop layout and Desktop media size like image below.

Ex:

Screenshot_18.png
Screenshot_18.png1919×892 275 KB

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

@Halothemes this is what shows up after I clic on ‘‘PRODUCT INFORMATION’’.

Capture d’écran 2022-04-06 231544.png
Capture d’écran 2022-04-06 231544.png1917×893 225 KB

8

@ABOUCHER

Please check the following URL for help

https://www.magic42.co.uk/how-to-change-the-size-of-main-product-image-in-shopify-dawn-theme/#:~:text=suit%20your%20store.-,How%20do%20you%20change%20the%20size%20of%20your%20main%20product,can%20access%20the%20theme%20code.

Thanks!

9

Hi @ABOUCHER ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /base.css paste code below into end of the file.

Ex:

.product .media>*:not(.zoom):not(.deferred-media__poster-button){
    object-fit: contain;
    height: 500px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

10

Hi, thanks a lot ! this resolved by problem :).