Hover image is bigger than thumbnail image.

NikkiTD
New Member
3 0 0

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

0 Likes
Carter11
Excursionist
70 0 3

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

0 Likes
DailySmile
New Member
1 0 0

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

0 Likes

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

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
Jennifer20
Trailblazer
469 16 16

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 :)

0 Likes
DeepVyas
Shopify Partner
501 5 6

 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 

Shopify Expert | S: deepvyas71 | E: deepvyas71@gmail.com
0 Likes
PaulNewton
Shopify Partner
2579 134 440

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

 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
Darian_West
Shopify Partner
61 0 4

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.

Freelance Developer - darian@optiqal.com
0 Likes