Image resolution on product page very low

Solved

Image resolution on product page very low

JMD1411
Shopify Partner
29 0 4

Hi, 

 

On product pages, the preview image of the image on the product page is very low res- when you click it, it's fine. Any idea how to resolve. I've followed shopifys guide to the resoltions i should be using. 

 

Link -  https://silkhuis.com/products/brunch-prideful-self-care

 

Screenshot 2024-07-06 at 15.36.32.pngScreenshot 2024-07-06 at 15.36.27.png

Accepted Solution (1)
BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

Hi @JMD1411 ,

 

I think it is in the file product-thumbnail.liquid as shown in the image below.

 

BSSCommerceTC_0-1720275569407.png

 

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 9 (9)

BSSCommerce-TC
Shopify Partner
225 49 51

Hi @JMD1411 ,

I think you can try removing the sizes attribute in the <img /> tag. it should be like this

Before:

BSSCommerceTC_1-1720273722266.png

 

 

After:

BSSCommerceTC_2-1720273746448.png

 

Hope this can help you,

If our suggestion is useful, please let us know by giving it a like or marking as a solution. Thank you 😍😍😍

 

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency
JMD1411
Shopify Partner
29 0 4

thanks for help - tried remove 'sizes' line from this file in code but nothing changed/worked - or did i misunderstand?

 

Screenshot 2024-07-06 at 15.58.43.png

BSSCommerce-TC
Shopify Partner
225 49 51

Hi @JMD1411 ,

Have you correctly removed the sizes attribute? I checked your website carefully and it is still there. You might have removed it from the wrong place. ( I'm currently using Dawn theme)

 

BSSCommerceTC_0-1720274968798.png

 

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency
JMD1411
Shopify Partner
29 0 4

I changed back when didnt work, but now removed again...

 

Screenshot 2024-07-06 at 16.09.58.png

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

Hi @JMD1411 ,

 

I think it is in the file product-thumbnail.liquid as shown in the image below.

 

BSSCommerceTC_0-1720275569407.png

 

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency
JMD1411
Shopify Partner
29 0 4

legend - thanks ! 

BSSCommerce-TC
Shopify Partner
225 49 51

Hi @JMD1411 ,

 

You're welcome. Have a nice day 😍

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency
Georgina
Visitor
3 0 0

Hi, how did you get it to work please? I'm having the same issue and removing that from the code didn't work

Georgina
Visitor
3 0 0

Hi, I'm having this same issue but removing the sizes line doesn't appear to be doing anything. When I did this in the live edit view, it worked on one image, but how can I do this globally and permanently please?