Blurry Images on browse all but not on the actual item

1 0 0


When I go to my website and go to "shop all" or one of the product categories i.e. "dresses" and am browsing multiple items the photos are blurry like the first set of images here. When I click the item and go into that specific product the images are nice and clear like they are supposed to be as you can see in the bottom photo. Any idea why this is happening or how to fix it? Website is if you are willing to take a look. Thank you! 

Screen Shot 2022-11-28 at 7.22.45 PM.pngScreen Shot 2022-11-28 at 7.22.53 PM.png

Replies 3 (3)
Shopify Partner
1518 249 298

Hi @BrittanyRenee 
Just checked your store as I see the images showing normally.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help.
Shopify Partner
2738 546 776

Hello @BrittanyRenee ,


This is because in collection pages the size of images is resized with code.
I suggest once check in the collection settings page, Is there any option available to change the image size ?

If not then you need to go with a developer and change the size of images manually. 




Need a Shopify developer? Email:

- Skype: navrocks1
- Try GEMPAGES a great page builder.
688 169 137

Hi @BrittanyRenee,

Please go to Actions > Edit code > product-card-grid.liquid file, find 'grid-view-item__image-wrapper' and change code here:



<img id="{{ img_id }}"
              class="grid-view-item__image lazyload"
              alt="{{ preview_image.alt }}"
              src="{{ preview_image | img_url: 'master' }}">

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.