How to fix collection images not always being the same on Dawn theme — Shopify 2.0 tutorials

Please read all my articles as they will also explain how to actually get into Shopify theme development and allow you to customize stores

Let’s get into it, firstly the problem:

The images are blurry because there are only 2 products in the collection

This sucks! Because your high quality images may affect conversion rate

Although this is only on desktop — It’s understandably a problem that people want to resolve

So how can we fix it?

As we highlight the problem code, we can see the images are also highlighted

Now go into your Shopify 2.0 backend and search for “grid”

Do not change anything in this file but this is how we find out what step is next

component-product-grid.css — copy this into your shopify backend search

Open this file

Play with these numbers until satisfied

Thanks

Hamish!

Income stream surfers on youtube