Shopify themes, liquid, logos, and UX
Hey guys, I'm having issues where my product images are very blurry on the front end. They are fine when I preview them on the back end. Start happening after I've switched to the new Dawn theme. Images that I've uploaded are 1000px +, but site displaying them at half of that. Is there a way to fix that? Site: sapandbark.com
Thanks!
Solved! Go to the solution
This is an accepted solution.
@rusinov if you could mark this answer as a solution I would appreciate it so it reaches more people:
Let's talk about how to make your Dawn images not so blurry!
This was more because Dawn is currently in development than anything else
All we need to do is update Dawn, all your products etc. will be saved but you will have to quickly put your images (which will already be uploaded) back into the customizer, but it's worth it as the quality is vastly superior
I personally recommend Craft as it looks nice af
This is an accepted solution.
That indeed solves the issue! For anyone that is having an issue, just add another copy of Dawn theme, look into code, and replace everything from product-media into your active theme code. No more blurriness! Boo-ya!
This is an accepted solution.
Ok I think I found the actual solution. Look for product-card.liquid
And then change these lines (there are couple of them in that file:
sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 130 | divided_by: 1 }
Basically, just change "divided_by: 4" to "divided_by: 1"
Voila!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024