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
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
Hi @NikkiTD this is often from either
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