Author Pane Popup
Author Pane Popup displays author information, such as their profile picture and join date, in a tooltip that appears when hovering over an author link. It is configurable and does not require jQuery.
Author Pane Popup displays author information — name, profile picture, last
seen date, and join date — in a lightweight tooltip when a visitor hovers
over an author link on any piece of content. It requires no jQuery and works
out of the box on Drupal 10 and 11.
Features
- Shows author name, profile picture, Last seen, and Join date in a clean tooltip card.
- Powered by Tippy.js v6 — lightweight, accessible, no jQuery required.
- Configurable tooltip placement (top, bottom, left, right, auto).
- Multiple built-in themes: Default, Light, Light with border, Material, Translucent.
- Multiple animations: Fade, Shift away, Shift toward, Scale, Perspective.
- Configurable trigger: hover, click, focus, or hover + focus.
- Interactive mode — visitors can click links inside the tooltip.
- Configurable max width and show delay.
- Page visibility controls: show or hide the popup on specific paths.
- Custom CSS selector support to attach the popup to any element on the page.
- AJAX-loaded tooltip content — author data is fetched on demand, not on page load.
Post-Installation
After enabling the module:
- Go to
admin/config/author_pane_popup/settingsto configure the tooltip appearance and behavior. - Under Trigger settings, add the CSS selectors for elements that should trigger the popup. By default, any element with a
data-author-popup-uid
attribute or anhrefmatching/user/UIDwill work. - Choose your preferred placement, theme, animation, and trigger event under Tooltip appearance and Tooltip behavior.
- Optionally restrict the popup to specific pages under Page visibility.
- Visit any content page — hover over the author link to see the tooltip in action.
Additional Requirements
This module requires two JavaScript libraries to be placed in web/libraries/tippy.js/:
- Tippy.js v6 —
dist/tippy-bundle.umd.min.jsand associated CSS files. - Popper.js v2 —
popper.min.js(required by Tippy.js in browser-global mode).
See README.txt inside the module for the exact directory structure and both Composer-based and manual download installation instructions.
Supporting this Module
Found this module useful? Help out in the issue queue by reporting bugs, testing patches, or suggesting new
features.