Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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:
On 4 places, change all "divide by" values (after the /) to 1.
On or around line 185, on 3 places, change all "divide by" values (after the /) to 1.
This solves the issue for me in Dawn 2.0.
Hope it helps others!
Please provide your store URL
Just flagging you to my response above in case you are monitoring...
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:
On 4 places, change all "divide by" values (after the /) to 1.
On or around line 185, on 3 places, change all "divide by" values (after the /) to 1.
This solves the issue for me in Dawn 2.0.
Hope it helps others!
And how do you get to the code programming page...(for a programming ignoramus !!!)
Go to "Edit code" near the Customize button for the theme of the Online Shop.
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.
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.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024