Can the image zoom size in Dawn theme be adjusted?

Solved

Can the image zoom size in Dawn theme be adjusted?

UniquelyClaudia
Excursionist
16 0 5

Hello!

Can the image zoom size (using the magnifying glass) be adjusted so it does not take the entire page or the image look pixelated?

50% of the image zoomed would be ok.

Thank you! 

Always Be Uniquely YOU!
Accepted Solution (1)
guilhermealbino
Shopify Partner
22 1 7

This is an accepted solution.

Check if this changed the mobile's version zoom size.

And try something like this:

guilhermealbino_0-1652120292295.png

 

View solution in original post

Replies 9 (9)

guilhermealbino
Shopify Partner
22 1 7

I fixed it by changing this line in assets/section-main-product.css:

 

.product-media-modal__content > * {
width: 40%;
height: 40%;
}

UniquelyClaudia
Excursionist
16 0 5

Thank you for your reply, but it does not work 😞

 

Always Be Uniquely YOU!
guilhermealbino
Shopify Partner
22 1 7

This is an accepted solution.

Check if this changed the mobile's version zoom size.

And try something like this:

guilhermealbino_0-1652120292295.png

 

UniquelyClaudia
Excursionist
16 0 5

Perfect! Thank you very much!

Always Be Uniquely YOU!
magic1
Tourist
12 0 1

Hi could you help my desktop version looks fine but my mobile looks all zoomed in and stuff plz help 

heres my site https://magicsponges-1.myshopify.com

thank you

alecz1k
Visitor
2 0 1

Thanks!

resident_strang
Visitor
1 0 0

Thanks!

abbenbrooke
Visitor
2 0 0

solved for me too!  After 2-3 hours "wasting" time on this finally found a solution that worked.  The problem for me is the code only had the Height listed.  Adding the width dimension fixed the large zoom image on mobile.

Thank You!

vitorbarbosa
Visitor
1 0 0

Thank you so much.