FROM CACHE - en_header

Dawn Theme -- Collection List Images Blurry on Chrome

Solved
goodboyvintage
Tourist
4 0 1

Hello -- I'm having an issue in my store where on the Chrome browser, my collection list images appear blurry. When I hover over them, they briefly become high res, then go back to being blurry. I'm using the new dawn theme and I'm not having this issue with any other images, just the collection list on the home page. No issues on mobile / in Safari. My site is live at goodboyvintage.com, and I've screen-recorded a video of the issue here: youtube.com/watch?v=NGX3ysTP31Q

 

Thank you for your time -- any help would be much appreciated!

Accepted Solution (1)

Accepted Solutions
LitCommerce
Astronaut
2402 567 556

This is an accepted solution.

Hi @goodboyvintage,

Please go to snippets > card-collection.liquid file and change code here:

beforebeforeafterafter

Code:

<img
              src="{{ card_collection.featured_image | image_url: width: 1500 }}"
              alt="{{ card_collection.title | escape }}"
              height="{{ card_collection.featured_image.height }}"
              width="{{ card_collection.featured_image.width }}"
              class="motion-reduce"
            >

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 4 (4)
LitCommerce
Astronaut
2402 567 556

This is an accepted solution.

Hi @goodboyvintage,

Please go to snippets > card-collection.liquid file and change code here:

beforebeforeafterafter

Code:

<img
              src="{{ card_collection.featured_image | image_url: width: 1500 }}"
              alt="{{ card_collection.title | escape }}"
              height="{{ card_collection.featured_image.height }}"
              width="{{ card_collection.featured_image.width }}"
              class="motion-reduce"
            >

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
goodboyvintage
Tourist
4 0 1

Thank you so much! Immediate and easy fix. Appreciate your expertise!

kumalein
New Member
1 0 1

Thank you so much, this was the only solution that worked! 

Ethan231
New Member
1 0 0

Try to tweak the number in the code above for those who have trouble with the image sharpness. 1500 may be way too high/low for ya!