Poor quality collection image (Dawn theme, mobile version)

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!

Hi @IlzeZD ,

Please follow these steps:

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

  1. Search for the theme.liquid file

  1. 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:

![view - 2023-12-11T161645.533.png|368x565](upload://3jbABAqK5L27g7WPX4KLgAdWWN6.png)

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? :slightly_smiling_face: