Hover product pages on collection got crazy - debut theme

Hi everyone,

my website pictures page production on collections got literally crazy.

First of all my site is https://nopineappleonpizza.com/

If I edit media position on product pages nothing happens at the end.

I remembered I found a suitable solution here and added it to my code. everything was smoothly working but now it doesn’t perform as expected.

FYI, I found this solution that I would like to use next, but I am afraid to work on the code (even though I would save a copy) :

https://community.shopify.com/c/shopify-design/collection-add-a-hover-effect-to-product-images-on-your/td-p/614960

has anyone faced the same problem? thanks in advance for your support

Hi @gnaro ,

I checked and product image is being changed on hover, you want to disable it?

Please explain more about it, I will check it.

Hi, I would like to disable the previous code that doesn’t let me chose the second image.

then app another code

Hi @gnaro ,

Please go to Assets > theme.css file, find ‘.has-secondary.grid-view-item__link:hover’ and remove code here:

Hope it helps!

there were three strings instead of two but I delete those and now everything has been restored.

At this stage, to make a smooth hover image product effect, do you recommend I follow the instruction below?

https://community.shopify.com/c/shopify-design/collection-add-a-hover-effect-to-product-images-on-your/td-p/614960

do you think is worth it?

thanks

Hi @gnaro ,

Yes, with this tutorial you can make and add hover to images. But it will depend on each theme, with the Dawn theme you need to change some.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

I am using debut theme…

Hi @gnaro ,

Yes, with Debut theme, if you want to add it again later, it will work fine.

1 Like