Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
Hi @JMD1411 ,
I think it is in the file product-thumbnail.liquid as shown in the image below.
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
Hi @JMD1411 ,
I think you can try removing the sizes attribute in the <img /> tag. it should be like this
Before:
After:
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
thanks for help - tried remove 'sizes' line from this file in code but nothing changed/worked - or did i misunderstand?
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)
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
I changed back when didnt work, but now removed again...
This is an accepted solution.
Hi @JMD1411 ,
I think it is in the file product-thumbnail.liquid as shown in the image below.
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
legend - thanks !
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
Hi, how did you get it to work please? I'm having the same issue and removing that from the code didn't work
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?
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025