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.
Install Modules and Plugin
2. Download the jQuery Tooltip plugin and extract it into the
libraries directory. Once you have extracted the plugin the path should be
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.
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”.
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.
Now go ahead and create a piece of content to see the tooltips in action.
If you have any questions, please leave a comment.