A user migrating from Wix to Shopify encountered blurry product images on the “Shop All” collection page using the Dawn theme, while individual product pages displayed crisp images. The issue affected desktop only, despite uploading 2048x2048 PNG files.
Attempted Solutions:
One suggestion involved adding CSS code to theme.liquid, which partially helped but altered the layout from portrait to landscape
Another user reported not seeing any blurriness, suggesting inconsistent display across devices/browsers
Working Solution:
The issue was resolved by editing the card-product.liquid file:
Navigate to: Store Admin → Sales Channels → Online Store → Themes → Edit Code
Open card-product.liquid
Remove the first 4 lines of code related to image sizing (screenshots provided showing exact lines to delete)
Save the file
This fix successfully restored image quality on collection pages without compromising load times. The root cause was Dawn theme’s automatic image downscaling for collection grids, which prioritizes fast loading over quality.
Status: Resolved
Summarized with AI on November 1.
AI used: claude-sonnet-4-5-20250929.
I would really love to find a solution for the Dawn Theme. I am currently migrating my website from WIX to Shopify and I have found when you click the SHOP ALL button, the Product Widgets displayed are very blurry. However when you select the product and it takes you to the Product page, the images are clear and crisp?
I have resized my PNG images to be 2048 x 2048 and I am still having an issue. I believe that the theme may down grade the image for the product widget but would really love to ensure my images are high quality and not blurry.
The mobile is fine, this is just for the desktop!
Would love a solution for this. Is it possible to have crisp image on the shop all page and still ensure it loads fast?
@KGiuffre - may be the theme code is downgrading the image quality a bit so it loads quickly, it is common practice when you have multiple images to be displayed
@KGiuffre contact shopify support , dawn is the free theme hence it will not have its own support, but shopify team will be able to let you know the code update needed to improve the image quality
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Please go to your store admin > Sales channels > Online Store > Themes > click “…” next your Dawn theme > Edit code > open card-product.liquid file, find the part contains those lines of codes
