Efficiently load wordpress tooltip effect only on specific CSS classes in the front-end, wordpress tooltips pro plus plugin 33.8.8 released

Hi, dear users of the WordPress Tooltip plugin! I hope this message finds you are doing well and you surrounded by your loved ones, enjoying delightful moments together.   We received a ticket from an amazing WordPress tooltip user, who mentioned a problema when inserting inside a table from an Already Existing Tooltips Term in Tooltip Short Code:

problema whn inserting inside a table from an Already Existing Tooltips Term in Tooltip Short Code

I have explain the problem I found at the first table on this test page.

Our wordpress tooltip plugin support replied:

Hi,

Hope you are doing well and having happy weekend with your family 🙂

Thanks for the message 🙂

We are very happy to help you 🙂

Because we have many plugin versions with different functions, Would you please tell us:
1 the plugin version you are using
2 a little more details to tell us how to find the problem in the URL, for example, the Tooltips Term? the content of the tooltip shortcode?

I will assign our developer to resolve the problem for you 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress Tooltip Support

The user replied:

…

The problem is when I insert the code in this way inside a table [ tooltip_by_id tooltip_id=’13663′ ] . Instead to show the text, is shows the shortcode. When I put the code outside the table it works fine. And even inside the table, when It detects the “sentence” automatically it works.

The table plugin is wpDataTables.

Than you for your review

…

Then our wordpress tooltip developer checked the test page, and we replied:

Hi,

Thanks for the details 🙂

Our developer have checked your page, and we found you have created a few lovely image tooltips, that’s great 🙂

Yes, in the table, we found that when hovering over tooltip terms, tooltips work well. You have created some pretty tooltips – good work! However, we noticed that the tooltips shortcode does not work in the table. The reason for this is:

wpDataTables is a great plugin. If you want shortcodes from other plugins to work within the wpDataTables plugin, wpDataTables needs to use the function do_shortcode() in their code 🙂

Sir, I’m wonder why you do not to insert the tooltip term in the table directly? I guess it will works for you? Why you need insert shortcode manually?

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress Tooltips Plugin Support

Then the amazing user replied:

Hello,
Thank you for your reply.

If I insert the term in the table directly, It works. Bue then at all other places where I have the same term, the tooltip also works.  And I want the tooltip works only in the table. That is way I think I must insert the short code manually. Am I correct?

What to you mean with “wpDataTables need use the function do_shortcode() in their code 🙂 ? I there other way to insert he shortcode to it works?

Thank you

Note: This is an important reason

Our wordpress tooltip support replied:

Hi,

Thanks for the reply 🙂

Okay, I understand the requirement now, thank you 🙂

Sir, this is the first time we heard this kind of issue, I am assign our developer to find a solution for you 🙂

About the function do_shortcode(), it is because all content in the table is generated by the great table plugin wpDataTables, when author insert a shortcode in the content of the table, the great table  plugin
need call the function do_shortcode() in their code — this will support shortcodes from other plugins, in our side, we have no right to change their great code 🙂

We will reply you soon once we found a solution 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress Tooltips Support

So this is the reason why we developed wordpress tooltips pro plus 33.8.8 for wordpress tooltip users

How to efficiently load WordPress tooltip effect only on specific CSS classes in the front-end?

1: Let’s create a wordpress tooltip term, it looks like this:

create wordpress tooltip term in editor

2: Now, simply create a wordpress post, it looks like this:

Only Load tooltip effect on the specifield CSS class

As you can see, when you edit a wordpress post, on the right hand of the editor, you will find the tooltips metabox: “Only load tooltip effect on the specified CSS class?”

Here,  we just enter a CSS class name, for example:

enableit

Then, let’s assign the CSS class name “enableit” to the tooltip term that you hope load tooltip effect on:

<p>Only load <span class=”enableit”>WordPress</span> Tooltips effect on this specified CSS class: enableit</p>

3: In front-end, it looks like this:

only load the tooltip effect on the specified CSS class in front-end

As you can see, we have inserted a few tooltip terms ‘wordpress’ in the post, but only the tooltip term that has the CSS class name ‘enableit’ has the tooltip effect on it 🙂

Conclusion:

An amazing wordpress tooltip user submitted a great feature request:

If I insert the term in the table directly, It works. Bue then at all other places where I have the same term, the tooltip also works.  And I want the tooltip works only in the table. That is way I think I must insert the short code manually. Am I correct?

We developed wordpress tooltips pro plus 33.8.8 to resolve the issue for the user by this way:

When you create a wordpress post, you can choose to load tooltip effect only on the specified CSS class in this post, and you can assign this CSS class name in the tooltip term where you want to load the tooltip effect

THANKS:

Thank you so much for the great feature request! We have added a WordPress FAQ PRO plugin in your account, it is a powerful WordPress FAQ plugin, easy to use, select pretty FAQ templates from pre-designed template, custom FAQ style in back-end via a few clicks, Support use OpenAI ChatGPT to generate high-quality content for WordPress F.A.Q and wordpress post automatically, support WooCommerce Product FAQ, Responsive FAQ, Multiple FAQ Templates, FAQs grouped by category, specified number of FAQ items for each FAQ… and more and more, you can find how to use it at: