Hover image is bigger than thumbnail image.

[NikkiTD]

Hello all,

I successfully installed code into a css file and edited my product-grid-item.liquid. The hover effect I want is now active, however, the hover image is bigger than the normal thumbnail and it doesn't look as good as it could. Does anyone know what I can edit to change this? I have tried quite a few things but to no avail.

Here is my site. Thank you! lovetinydevotions.com

[Carter11]

Hello,
Greetings,

i  can assist you.

Please Reach to me at Email :- carter@cisinlabs.com
Or at Skype :- live:carter_1594

Awaiting your Response

Very Best Regards
Carter W

[DailySmile]

Hi Nikki,

I've had a similar issue with my store and I fixed it, would love to help.

Add me on Skype: live:.cid.e86a462deb4b9692

~Edgar

[MS-WEB-DESIGNER]

Dear NikkiTD,

Hope you are doing well.

We love to help you. Please contact us at: 

https://www.mswebdesigner.com/pages/contact-us

Thanks & Regards

MS Web Designer

[Jennifer20]

Hi There,
I hope you're keeping great!
I would be happy to work with you.
Please give me a suitable time to discuss your requirements.
Also, add me over Skype id- live:jennifer.wcoast
Email id- sales@wreximinfotech.com
I look forward to your response!
Thanks :)

[Deep_Vyas]

 Hi Nikki, 

I check the store for hover issue. 

You need to fix the height too. I can get it fixed 

Please let me know 

Thanks 
Deep 

[PaulNewton]

Hi @NikkiTD this is often from either

• A) the uploaded image not being high enough resolution
• B) the product description page template outputting an image smaller than the max resolution you've upload
• C) both a and b

For example your simplicity-silver outputs this image /hematite_silver_1000x_600x.png you want /hematite_silver_1000x.png

or some variation of that the hover image use the liquid filter img_url, or asset_img_url and image size parameters in your template to output the proper size

https://help.shopify.com/en/themes/liquid/filters/url-filters#img_url

https://help.shopify.com/en/themes/liquid/filters/url-filters#asset_img_url

https://help.shopify.com/en/themes/liquid/filters/url-filters#size-parameters

Or hire me to take care of it, email paull.newton+shopifyimagecustomization@gmail.com

[Darian_West]

Were you able to fix this?  I think it's a pretty easy fix.  You can email me at darian@optiqal.com and I can help you out.  I am a US based developer and do quite a bit of custom Shopify development.