Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Shopify Community Downtime: The Shopify Community will be down December 5th for 15 minutes between 3pm and 4pm EST. Thank you for your understanding.

Re: Blurry product thumbnails Dawn 2.0

Solved

Why are my product thumbnails blurry in Dawn 2.0?

barcusmrandt
Excursionist
20 1 8

Product thumbnails appears blurry in Dawn 2.0. I've updated to the most recent Dawn version, no change. Images are uploaded in 4k. First thumbnail appears sharp. SO does the actual product image. It is only the subsequent thumbnails that are blurry as you can see below. Also, changing (clicking) the next thumbnail makes no difference, so it doesn't seem to be a loading issue. Any ideas on why Shopify has done this, and what I can do to fix it - because this is clearly not OK for a webstore platform.

 

barcusmrandt_0-1661453521516.png

barcusmrandt_1-1661453544892.png

 

 

Accepted Solution (1)

barcusmrandt
Excursionist
20 1 8

This is an accepted solution.

As I saw that many others seems to have the same issue with the Dawn 2.0 theme, I contacted support who was able to solve the issue.

 

Code changes are needed in main-product.liquid to change the intrinsic size of the thumbnails.

 

On or around line 139:

barcusmrandt_0-1661496236078.png

 

On 4 places, change all "divide by" values (after the /) to 1.

barcusmrandt_1-1661496302752.png

 

 

On or around line 185, on 3 places, change all "divide by" values (after the /) to 1.

 

barcusmrandt_2-1661496415476.png

 

This solves the issue for me in Dawn 2.0.

 

Hope it helps others!

View solution in original post

Replies 8 (8)

solverStaff
Shopify Partner
365 40 69

Hi @barcusmrandt 

Please provide your store URL

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
Salty-Sleeves
Tourist
4 0 1

Just flagging you to my response above in case you are monitoring...

barcusmrandt
Excursionist
20 1 8

This is an accepted solution.

As I saw that many others seems to have the same issue with the Dawn 2.0 theme, I contacted support who was able to solve the issue.

 

Code changes are needed in main-product.liquid to change the intrinsic size of the thumbnails.

 

On or around line 139:

barcusmrandt_0-1661496236078.png

 

On 4 places, change all "divide by" values (after the /) to 1.

barcusmrandt_1-1661496302752.png

 

 

On or around line 185, on 3 places, change all "divide by" values (after the /) to 1.

 

barcusmrandt_2-1661496415476.png

 

This solves the issue for me in Dawn 2.0.

 

Hope it helps others!

claudephotopro
Visitor
1 0 0

And how do you get to the code programming page...(for a programming ignoramus !!!)

Salty-Sleeves
Tourist
4 0 1

Go to "Edit code" near the Customize button for the theme of the Online Shop.

Salty-Sleeves
Tourist
4 0 1

I have tried this with a few different denominators and it doesn't seem to be helping.  I would be curious to see if anyone could see what I am missing: my thumbnails are supposed to be coming from large images but render really small then are upsized it seems.

Salty-Sleeves
Tourist
4 0 1

Found another solution:

Played with it some more and noticed that all my thumbnail images were being set to 59 by 59 for their intrinsic values and there was a srcset that had a typo.  when the srcset specifies the media width, it couldn't look past it ...changed it from 59x to 59w and it works!  Thumbnails are coming way more clearly, this is the real solution, at least for me.

Capture.JPG

 

NordicLifting
Visitor
1 0 1

This one works for me, thank you for sharing @Salty-Sleeves