Brooklyn Theme - Picture "When Mouse Over" Animation

Lukas_H
Tourist
8 0 0

Hey there!

Is there any option to implement the feature, so when hovering over a picture there will be an animation, which will show the next picture?

Thanks

0 Likes
Anthony_David_
Trailblazer
214 27 85

Check this -> https://codepen.io/aobasar/pen/XWWMxQP

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
Lukas_H
Tourist
8 0 0

Perfect! That's exactly what I was looking for.

But I don't have that much experience with coding, so I am not sure what to do with the code. Can I just put the CSS Code into theme.sccs.liquid and change .swap with (for example) .product--image?

0 Likes
Natztech
Shopify Partner
1322 363 900

hello @Lukas_H 

please share your site URL and if any password then please share the password and share a screenshot of which section do you want to  apply Picture "When Mouse Over" Animation

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Lukas_H
Tourist
8 0 0

I also have found this thread: https://community.shopify.com/c/Shopify-Design/Collection-Add-a-hover-effect-to-product-images-on-yo... , but unfortunately it didn't work out for me.

0 Likes