WooCommerce - excelling eCommerce
How To Display Price and Product Name On Image Rollover (2 posts)

  1. mtucker
    Posted 2 years ago #


    I am looking to create an image hover that displays information that is stored from WooCommerce (like price and product name). Here is an example of exactly what I am looking for:

    http://shop.herriottgrace.com/ (When you roll over the images the price and

    Is there a bit of javascript that could retrieve that information and display when the image is hovered? I know how to change opacity in CSS, but I am lost as how to retrieve that information that I enter for each product in WooCommerce. Any help is greatly appreciated!




  2. mtucker
    Posted 2 years ago #

    Just to clarify, this is on the catalog page that displays all of the images of the products. The product name and price are already displayed below, but I want them to show only on top of the image when hovered.

    Is there a simple bit of code to make this happen?


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic