WooCommerce shop page: product thumbnail hover options

• 

  roosxja · Member · Jan 27, 2021 at 3:09 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I used WooCommerce to build a webshop and would like to know if it is possible for a product thumbnail (on the shop page) to be enlarged/reduced when hovered over it (Or maybe if this is not possible, create a shadow behind the thumbnail when hovered over).
  I’ve tried some CSS code but this still does not work. Does anybody have an idea which CSS to use?

  Thanks in advance.

• 

  supernovia · Staff · Jan 27, 2021 at 7:44 pm

  • Copy link

  Hi, did you mean to post in the WooCommerce forums?
  https://wordpress.org/support/plugin/woocommerce

  These forums are for the free sites hosted at WordPress.com.

  For what it’s worth, though, a plugin might work well for you too:
  https://wordpress.org/plugins/search/woocommerce+product+image+zoom/

• 

  roosxja · Member · Jan 28, 2021 at 4:14 pm

  • Copy link

  Thanks for your reply.
  Oops, I indeed meant to find the WooCommerce forums. Posted it there now!
  The plugin I believe is only for the single product page, not for the shop page where all the products are, if I am correct.

• 

  aleone89 · Staff · Jan 28, 2021 at 4:48 pm

  • Copy link

  Hello there,

  That’s awesome!

  Yes, that’s correct – these types of plugins tend to work on single product pages.

  I hope this helps.