By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
458,060 Members | 1,248 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 458,060 IT Pros & Developers. It's quick & easy.

Woocommerce product hover tooltip

P: 1
I have a woocommerce store and on my archive pages I want to hover over the product and have a minimilised view to come up like a tooltip. The hover feature must follow the mouse, and the content that are displayed must be dynamic (pulled from jSON feed).

This is my test store where the products are displayed:

This is what I want the feature to look like and do (see how it follows the mouse):

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?

As I was Googling for answers, I came across lots of bits and pieces and I don't know how to glue it all together. The tooltip popup must only display the title, price, description, rating, category and buy button... for that specific product.

Since I have 70+ products, I don't want to go and create these tooltips manually. That's why I want the content to be dynamic.

Can anyone please help?
Aug 4 '17 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.