Hover image is bigger than thumbnail image.

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
Tourist
13 0 1

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

Official Shopify Experts & Partner

20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
10*/10 Shopify Services Marketplace
E-mail: hello@mswebdesigner.com
Skype: shopify.mswebdesigner@gmail.com
0 Likes
Tourist
59 0 1

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
Shopify Partner
376 0 4

 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 

Expert Shopify Designer | S: deepvyas71 | E: deepvyas71@gmail.com
0 Likes
Shopify Partner
1736 48 156

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 the solution so you can help others.
Confused? Busy? ? Get me to solve it paull.newton+shopifyforum@gmail.com.
Buy me a coffee? ☕ paypal.me/paulnewton or donate to eff.org
0 Likes
Shopify Partner
60 0 2

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