Poor quality collection image (Dawn theme, mobile version)

[IlzeZD]

Hello!

Is it possible to improve the quality of collection image (mobile version)? On desktop this image looks ok, but in the mobile version it is quite bad.

https://www.villamode.lv/collections/theophile-berthon-1867

Thanks!

[BSS-Commerce]

Hi @IlzeZD ,

Please follow these steps:

1. Go to the Online store, select your live theme, and select Edit code

2. Search for the theme.liquid file

3. Add the following js snippet:

<script>
      setTimeout(() => {
          const imgElement = document.querySelector("#shopify-section-template--20349828759895__banner > div > div > div.collection-hero__image-container.media.gradient > img");
      imgElement.removeAttribute("sizes");
      }, 1000)
    </script>

Result:


[IlzeZD]

Thank You!

Unfortunately this solution helps only for this one collection image, but doesn’t apply to others. Is it possible to add this solution to every collection image?