Recreating Hover Interaction for Ecommerce site

Design help Animations & Interactions
1

Hey Everybody,

I recently began using Webflow to build out an ecommerce store and I have to say I’ve been pleasantly surprised with just how much is possible with Webflow. However, I am running into one issue.

I have been trying to recreate a hover interaction which I saw on a site and wanted to bring to my own. It happens when you mouse-over an image of one of their products, a box with the product name and price appears.

If you have any idea on how to recreate this interaction I’d really appreciate the help.

Thanks!

Here’s a link to the site’s store:

2

Hey @Abel_Ngala,

Here’s a guide that achieves what you’re looking to do:

https://webflow.com/blog/how-to-create-a-thumbnail-overlay

Best of luck!

1 Like