WooCommerce product hover tooltip
I have a Wordpress WooCommerce store and on my archive pages, I want to hover over the product and have a minimalised view to come up like a tooltip. The hover feature must follow the mouse, and the content that is displayed must be dynamic (pulled from JSON feed).
This is my test store where the products are displayed: http://1clickhere.co.za/testing/affilionaires2/
This is what I want the feature to look like and do (see how it follows the mouse): http://jsfiddle.net/JVDFc/
However, I've just started learning jQuery. So my knowledge is limited. Can someone help and guide me put this together? And what is the easiest way?