Title: Hover Product Image
Last modified: September 25, 2018

---

# Hover Product Image

 *  Resolved [sabertooth12](https://wordpress.org/support/users/sabertooth12/)
 * (@sabertooth12)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/hover-product-image/)
 * I like the hover feature that this website uses ([https://bit.ly/2O4RwJ9](https://bit.ly/2O4RwJ9))
   when you hover over a product.
    The colour of the product image changes and icon
   is shown when a product is hovered over. I believe that is included in a premium
   theme. Is there a free alternative for WooCommerce StoreFront?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhover-product-image%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Job a11n](https://wordpress.org/support/users/jobthomas/)
 * (@jobthomas)
 * Automattic Happiness Engineer
 * [7 years, 7 months ago](https://wordpress.org/support/topic/hover-product-image/#post-10844058)
 * Hey [@sabertooth12](https://wordpress.org/support/users/sabertooth12/), writing
   the CSS for that is quite complex, but here’s a screenshot with a few times on
   how the CSS on the example you shared is coded:
 * 
    Link to image: [http://cld.wthms.co/vDYErp](http://cld.wthms.co/vDYErp)

Viewing 1 replies (of 1 total)

The topic ‘Hover Product Image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Job a11n](https://wordpress.org/support/users/jobthomas/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/hover-product-image/#post-10844058)
 * Status: resolved