The Taxonomy tooltip module allows content creators to add taxonomy terms into content. When a user hovers over a term, the term description is displayed as a tooltip. The module is great for websites if your content requires a lot of keywords. All you have to do is define terms with descriptions for any vocabulary, and Taxonomy tooltip does the rest. For the tooltips, the module uses a jQuery plugin called Tooltip.
In this tutorial, we’ll configure the Tags vocabulary as keywords within the content.
Getting Started
The Taxonomy tooltip module requires the Libraries API module and the jQuery Tooltip plugin.
Install Modules and Plugin
1. Download and install the Taxonomy tooltip and Libraries API modules.
2. Download the jQuery Tooltip plugin and extract it into the libraries
directory. Once you have extracted the plugin the path should be sites/all/libraries/jquery-tooltip
.
Configure Taxonomy Tooltip
The module adds tooltips to content using a filter. All we need to do is configure the filter and add some terms, and we are done. First, we’ll need to create a vocabulary.
Create Tags Vocabulary
1. Go to Structure -> Taxonomy (admin/structure/taxonomy) and create a vocabulary called Tags.
If you have installed Drupal using the standard installation profile, then you should have the Tags vocabulary already setup.
2. Click on the “add terms” link and add some terms with descriptions.
Configure Filter
The next piece of work we need to do is configure the filter.
1. Go to Configuration -> “Text formats” (admin/config/content/formats) and click on the configure link for the “Filter HTML”.
2. Check the “Taxonomy tooltip” checkbox and move the filter to the bottom of the processing order list, scroll to the bottom and click on “Save configuration”.
Enable Vocabulary
Finally, we need to enable the tooltip for the Tags vocabulary.
1. Go to Configuration -> “Taxonomy tooltip” (admin/config/content/taxonomy-tooltip).
2. Check the Tags vocabulary and click on the “Save configuration” button.
Test Tooltips
Now go ahead and create a piece of content to see the tooltips in action.
If you have any questions, please leave a comment.
jQuery Tooltip Plugin seems unavailable for download. Can you please suggest an alternate solution? I have tried a couple but no solution integrates with taxonomy tooltip module.
Sorry can’t think of any other solutions try asking in the taxonomy_tooltip issue queue: https://www.drupal.org/project/taxonomy_tooltip
Hi,
I am facing Uncaught TypeError: $(…).tooltip is not a function error in console. Also my admin theme is also get distorted after installing this module.
Please help me with this.
Just do a simple google search for “Uncaught TypeError: $(…).tooltip”.