Message window appears on icon hover

raymond.odaly
12 Posts
raymond.odaly posted this 26 August 2021
Ask a Question

I have an icon on a page and when the mouse hovers over the icon I would like a small window to display with a set of instructions.
When the mouse leaves the icon the window disappears.
How do I achieve this effect?

I have an icon on a page and when the mouse hovers over the icon I would like a small window to display with a set of instructions. When the mouse leaves the icon the window disappears. How do I achieve this effect?
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 26 August 2021

Hi, Raymond,

Thanks for being our customer!

You can try searching for a custom code that implements this feature, for example, this one: https://www.w3schools.com/css/css_tooltip.asp

Please note that a CSS code can be inserted in Site/Page Settings ==> CSS (or you can select an Element and click on Edit CSS on the right panel) while an HTML code can be added in Site/Page Settings ==> HTML or Elements ==> HTML.

Please let us know if you need our further help.
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Raymond, Thanks for being our customer! You can try searching for a custom code that implements this feature, for example, this one: https://www.w3schools.com/css/css_tooltip.asp Please note that a CSS code can be inserted in *Site/Page Settings ==> CSS* (or you can select an Element and click on *Edit CSS* on the right panel) while an HTML code can be added in *Site/Page Settings ==> HTML* or *Elements ==> HTML.* Please let us know if you need our further help. ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
philippe.t
30 Posts
philippe.t posted this 26 October 2023

Hello,

when you hover over the cart icon, how can you get a description of the capacity of the shopping cart ? (Joomla/VirtueMart)
Like a message which indicates either the cart is empty or the basket contains such products.
for example for the empty cart the message:
"Your cart is empty.
Complete your cart with all the products that interest you and place your order in one go and one payment."

With the css tooltip
can you give us an example of css to integrate for the shopping cart icon ?

Regards,
Philippe

Hello, when you hover over the cart icon, how can you get a description of the capacity of the shopping cart ? (Joomla/VirtueMart) Like a message which indicates either the cart is empty or the basket contains such products. for example for the empty cart the message: "Your cart is empty. Complete your cart with all the products that interest you and place your order in one go and one payment." With the css tooltip can you give us an example of css to integrate for the shopping cart icon ? Regards, Philippe

Last edited 26 October 2023 by philippe.t

Support Team
Support Team posted this 27 October 2023

Hi, Philippe,

I would recommend contacting the VirtueMart support team concerning this question as in Nicepage, you can only edit the design of the shopping cart icon.
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Philippe, I would recommend contacting the VirtueMart support team concerning this question as in Nicepage, you can only edit the design of the shopping cart icon. ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments