Hi Folks, Currently using Debut theme and its fine but wanting to change to the Dawn theme. Unfortunately the main product image is much bigger on Dawn and showing as blurry compared to the current Debut theme. Can someone please tell me which code needs added to reduce it and make it clear again l…

@NoaBo I’ve been trying to work on adding a thumbnail gallery for 4 days I can’t work it out myself :confused:

@NoaBo I just found out this is only on desktop, if you open it on mobile dawn has a very nice product slider. 80% of traffic is mobile (ish) it’s not ideal but at least it works well on mobile

Can you check this Section-collection-list.css? What number to change for when less than 3 products from the collection list? Thank in advance!!! @media screen and (max-width: 749px) { .collage-section + .collection-list-section .no-heading.no-mobile-link { margin-top: -7rem; } .collage-section…

hello, can you please advise how to re-centre the product area as resizing shifts it left. Thank you

Hi, I tackle the problem of large image in Dawn, also added more. Transform you Dawn Theme in Debut theme product page for free. Enjoy this features. Product slider working. Zoom feature working. Variant buttons connected to the large image and the product slider. Resize your thumbnail images. …

Hello @made4Uo . I would like my images in Dawn theme to look like they where in debut theme before with the Zoom function and not huge and blurry like they are in Dawn. I do not require the slider function can i just copy some of the code then? or is it best to copy everything across even if slide…

@J55ni it would be hard to separate the slider since I have those connected in the radio buttons / variant buttons. It will show an error if you delete them. Regarding the pictures, it really depends on your image size

@made4Uo the images are totally fine in the debut theme but on the dawn theme they are blury unfortunately. Would adding your code make them appear the same as debut theme?

I am not sure. You can also adjust the src-set of the image actually. The Dawn theme has this src-set so it pulls out an specific size of an image that corresponds to your screen size. You can adjust those instead

Shopify Dawn theme, Reduce main product image size?

Store Design

HamishDavisonIC November 8, 2021, 10:27am 25

Good job! @made4Uo

2 Likes

Topic		Replies	Views
Why is my Dawn theme product image too large? Store Design	24	390	July 24, 2023
DAWN theme - Image resize on product page Store Design	44	492	February 16, 2023
Why are my Dawn theme product images blurry on the front end? Store Design	67	673	October 3, 2024
Dawn Theme ok on mobile but on desktop the product images are to small? Store Design	2	32	October 27, 2021
Dawn theme default product image card to large Store Design	4	143	September 21, 2023

Shopify Dawn theme, Reduce main product image size?

Related topics