Dawn Theme | Blurry image display despite high image resolution

Store Design
1

We use the Dawn theme and the images in the listing are displayed blurred, although they were uploaded in the correct size (on the article page they are sharp again).
It is the same with the start page banner.

product page.PNG
product page.PNG1113×733 174 KB

listing.PNG
listing.PNG1210×648 198 KB

2

Hi @rene_s ,

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

before
before999×414 262 KB

after
after999×332 170 KB

Code:

Hope it helps!

3

Hi. Thanks for helping out!
Unfortunately it`s not working. i changed the code but nothing happened. @LitCommerce

4

Hi @rene_s ,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

fg_sf2021#!

6

Hi @rene_s ,

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

before
before1386×770 102 KB

after
after1381×673 70.2 KB

Code:


            

              {% comment %}theme-check-disable ImgLazyLoading{% endcomment %}
              
              {% comment %}theme-check-enable ImgLazyLoading{% endcomment %}

              {%- if card_product.media[1] != nil and show_secondary_image -%}
                
              {%- endif -%}

Hope it helps!

2 Likes
7

This helped me! thank you so much!!!