Poor quality collection image (Dawn theme, mobile version)

Poor quality collection image (Dawn theme, mobile version)

IlzeZD
Tourist
4 0 1

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!

 

Replies 2 (2)

BSS-Commerce
Shopify Partner
3477 463 527

Hi @IlzeZD ,

Please follow these steps:

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

view - 2023-12-11T161428.341.png

2. Search for the theme.liquid file

view - 2023-12-11T161535.250.png

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>

 view - 2023-12-11T161632.379.png

Result:

view - 2023-12-11T161645.533.png

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
IlzeZD
Tourist
4 0 1

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? 🙂