Woocommerce Product Image Hover Effect


I built my website with BB Theme and Woocommerce, I used Woocommerce widget to put featured product on my homepage. My question is, how do I make a hover effect of those product image on my homepage/frontpage? Basically whenever the mouse pointer touch the product’s image it change/flip to another image in the product gallery (hoover effect)

Any CSS snippet for this?

Thank you in advance! :smiley:

Hey Johnny,

Welcome to the BB forums! :slight_smile:

Unfortunately, we don’t have any snippets available for that. It’s also a bit tricky, if at all possible, to achieve with CSS only. You may want to check out the plugin I found below with a quick Google search.