Support » Plugin: WooCommerce » WooCommerce – Overlay Title/Price on Product Image??

  • Resolved waseemaslam



    Curious, is there a relatively painless way to display just the Product Image and reveal the Title and Price on rollover?

    Looking to have more of an image grid kind of look, where the user can mouse over an image to reveal the title and price.

    Reference :


    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Three Sons


    Hi @waseemaslam,

    That’s a good question. You can certainly do this, but how depends greatly on the theme. Generally what you’d want to do is absolutely position the product title, price and add to cart button so that they appear on top of the product image.

    Then set them to have an opacity of 0. After that, add a :hover style to the product (it’s probably a li) so that the opacity of these goes to 1 when hovered.

    That’s really general, but I can’t say specifically without seeing the actual code of the shop page in the theme.

    Take care,

    Plugin Support Three Sons


    Hello @waseemaslam,

    It’s been a while since we heard from you, so I’m marking this thread resolved. Hopefully, you’ve been able to resolve this, but if you haven’t, please let open up a new topic and we’ll be happy to help out.


Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.