Hover Card

Synopsis

Hovercard is a module based on Hovercard, a free, lightweight jQuery plugin that enables you to display related information with the hovered label, link, or any HTML element of your choice. This module extends Drupal to provide Hovercard for the users of the website.

• Easy to install and use.
• Install it and see the magic!

Special thanks to Prashant Chaudhary for such a charming jQuery Hovercard Plugin!

Dependencies

• Libraries API - Only for D7

Installation

The Hover Card module is very similar to other Drupal modules, which require Libraries Module for the 3rd party code integration. Hence, for installation of the Hover Card module, please follow the below-mentioned steps:

Drupal 7

1. Install as usual; see the documentaion for further information.
2. Download and install the Libraries Module - 7.x-2.x
3. Download the compressed version of jQuery Hovercard Plugin and place it intosites/all/libraries/hover_card/
4. Now, download the Hover Card module in your sites/all/modules /contrib/ directory.
5. Enable the Hover Card module.

Drupal 8/9/10

• Install module using composer require drupal/hover_card.
• Enable the Hover Card module.

Configuration

• Drupal 7 - After enabling it, please check your admin/reports/statuswhere there should be a new option showing Hover Card Plugin - v1.0 installed with a success status.
• Clear site cache, if required!
• There is a configuration link for this, which you can access at admin/config/people/hover-card. When enabled and configured correctly, this module will display the Hovercard to the user links with username as a class to their anchor tags. For disabling the Hovercard from user links, disable the module, and clear caches

Maintainers

The Hover Card module was initially written & maintained by Rishi Kulshreshtha.

Similar Project

There is a similar sandbox project called User Hover Card by Yannick Leyendecker which is dependent on the Tipsy module. This module displays the user detail on a tooltip.