Why are my product hover images blurry on my collection pages?

Cihaty
Visitor
2 0 0

Hi, 
My collection shows the 2nd product on hover but hovered image looks blurry. 
The 1st images was also blurry but i managed to sort it out. Now only the hovered images are blurry on collection pages
Store url: travertable.com

I use dawn 13.01 theme
Can someone help? Thank you

Replies 3 (3)

deepaksharma
Shopify Partner
448 63 93

hey @Cihaty 

 

This is issue from image rendering

 

head to Online Stores>Themes>Edit Code

Find  card-product.liquid

 

Find this part

deepaksharma_0-1709834822139.png

 

You can remove the lines from here this adjust the resolution of the image rendered, try removing the first 2 line from both of the image set

it should look like this

deepaksharma_1-1709834923216.png

 

It will fix the issue.

You earlier said you fixed the first image quality by yourself, I suggest you revert it back and use this method instead.

 

If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
tfearnow
Shopify Partner
4 0 0

Worked for me. Thanks.

deepaksharma
Shopify Partner
448 63 93

hey if your issue is resolved then can you mark it as solution?

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com