Add Tooltip to Text

Is it possible to utilize the tooltips in other places? I tried looking into the tooltip JS file but I’m sure how to get a tooltip to actually initialize. Is there an example of how to create a string that features a tooltip?

Hello,

Sorry to say, unfortunately, there is no such option in Theme Settings to add tooltips to a specific area.
It requires Customization and this is beyond our limitations and support policy scope.

Hope you can understand.

Kind Regards

[adf_david]

I’m not asking for theme settings? There is no simple add class to a tag with the class "wd-tooltip" with a <span> tag with the text you’d want for the tooltip? How is it outside the scope of support to provide functionality of the theme? Tooltips are a function built into the theme and I’m just asking if there is a to get one to work outside of the areas they are currently used in (IE swatches, back to products button, etc).

The back to products button is simply just:

<span>Back to products</span>

When I went through the tooltip JS file I saw that the class "wd-tooltip-inited" gets added but I’m not positive what the criteria is to actually initialize the tooltip function that the theme uses.

Edit: I’ve tried multiple different ways to display the HTML but I’m not able to apparently in these forms.

• This reply was modified 5 months, 3 weeks ago by adf_david.
• This reply was modified 5 months, 3 weeks ago by adf_david.
• This reply was modified 5 months, 3 weeks ago by adf_david.

Hello,

If you have you own created links/text, you can apply the tooltip via the wd-tooltip class in HTML.

So just add that class, and check how it works. I await your response.

Kind Regards

I tried using a DIV tag with the class “wd-tooltip” and with the following attributes: data-value=”blue” data-title=”Blue” data-original-title=”Blue” title=””. This didn’t work. I tried wrapping my text in a SPAN tag like how the “Back to Products” button is set up but that did not work either.

What I’m trying to see is how I can create my own tooltips like how the swatches and back to products button: https://woodmart.xtemos.com/shop/lighting/montes-scelerisque/

Hello,

Here is an example from my end – https://prnt.sc/J5zU4EJO0R0R , https://prnt.sc/_VDZNyw6W1qQ

Just added the wd-tooltip class and it started to work.

Kind Regards

[Author]

Posts