Text Image Tooltip
Text to Image Tooltip Plugin for Joomla
- Joomla 4, 5 & 6Tested and supported on Joomla 4, 5 and 6.
- 5.0See the reviews
- v3.0· Updated 17 Jul 2026
- 3.3K+downloads
- PHP 8.1+
- Instant accessReady to install right after checkout
- One-click updatesNew releases install from the Joomla administrator
- Lifetime optionPay once and keep future releases
- 30-day guaranteeFull refund if it is not the right fit
Features
What can Text Image Tooltip do for you?
Eight feature areas, one install package for Joomla 4, 5 and 6.
-
Hover, Focus & Tap
Text-First Image Tips
- Inline phrase triggersTurn any underlined word or phrase into a rich image preview without leaving the paragraph.
- Sticky tipsClick once to pin a tip open; press Escape or click outside to dismiss. A second click on a linked tip follows the URL.
-
Dark · Light · Glass · Brand
Four Polished Themes
- Ready-made looksShip Dark, Light, Glass, and Brand themes out of the box.
- Per-tip overridesSet a site default, then override theme and colours on any shortcode.
-
Follow or Anchored
Smart Placement
- Cursor followTips track the pointer for product and glossary browsing.
- Anchored cardsLock tips to top, bottom, left, or right — they stay aligned on scroll and resize.
-
Upgrade Without Rewrites
Legacy Shortcode Support
- Modern attributesUse {txttooltip text="..." lgsrc="..."} for full control.
- Old syntax still worksTRIGGER{end-link}image.jpg upgrades automatically to the 3.0 UI.
-
Faster Local Media
WebP Preview Cache
- Automatic resizeLocal images are resized to the requested tip or thumb width.
- WebP cachingCached under images/cache/text-image-tooltip for lighter pages.
-
No Shortcode Guesswork
Editor Insert Button
- Toolbar buttonBuild tips from the article editor with themes, placement, widths, and links.
- One-click insertPackage installs the content plugin and editors-xtd button together.
-
Joomla 4 / 5 / 6
Responsive & Accessible
- Touch friendlyTap to open on phones; panels stay inside the viewport.
- Keyboard readyFocus styles, ARIA state, Escape dismiss, and reduced-motion support.
-
Image · Title · Body · Link
Flexible Tip Content
- Compose freelyUse any mix of preview image, title, body copy, and CTA — spacing stays correct even for link-only or title-only tips.
- Optional image triggersSwitch to type="image" with thumbnails and float left/right when needed.
Changelog
What's new
4 releases since version 1.2. Updates install from the Joomla admin with a valid licence.
- Full rebuild for Joomla 4, Joomla 5, and Joomla 6
- Namespaced service-provider architecture with Web Asset Manager loading
- Vanilla JavaScript only — jQuery and TimThumb / image.php removed
- Install package pkg_text_image_tooltip_3.0.zip includes the content plugin and editor button
- Legacy shortcode {txttooltip}TRIGGER{end-link}image.jpg{/txttooltip} still works
- Text-first tooltips — underlined phrases open rich image previews by default
- Four themes — Dark, Light, Glass, and Brand, with per-tip shortcode overrides
- Placement modes — Follow cursor, or anchor top / bottom / left / right
- Animations — Fade, Scale, Slide, or None, with reduced-motion support and per-tip animation attribute
- Sticky click & touch — Click/tap to pin; Escape or outside click to dismiss; second click on a linked tip follows the URL
- Optional image triggers — Thumbnails with float left/right when needed
- WebP thumbnail cache — Local images are resized and cached under images/cache/text-image-tooltip
- Editor button — Insert {txttooltip} shortcodes from the article editor toolbar
- Design controls — Background, text, accent colour, max width, and corner radius
- Rich tip content — Title, multi-line body, large preview image, and optional CTA link
- Safer URL handling for media and links (blocks javascript/data schemes)
- Keyboard focus styles and aria-expanded state
- Bootstrap/Helix-compatible show class so tips are not hidden by template CSS
- Correct spacing for link-only, title-only, and image+link tip layouts
- Empty shortcodes no longer open blank tip bubbles
- Image triggers without thumbsrc fall back to lgsrc
- Anchored tips reposition on scroll and resize
- Ctrl/Cmd/Shift-click on linked triggers opens the URL normally
- Responsive behaviour — floated triggers unwrap on small screens; panels stay inside the viewport
- Lazy loading and async decoding for tip images
- jQuery tooltip behaviour and TimThumb-style resize endpoints
- Legacy JFactory / JURI runtime paths
- Old resize-by height/width-only parameter UI replaced by modern theme, placement, and design controls
- Joomla 4, 5 & 6 compatibility work and WebAssetManager integration
- Accessibility and shortcode documentation improvements
- Joomla 5 compatibility, WebP support, and improved tooltip positioning
- Joomla 4 support and update server integration
Docs & setup
Get up and running fast
Written guides for installing and configuring Text Image Tooltip, from first setup to the options that matter.
- Installation stepsOne install zip for Joomla 4, 5 and 6, installed from System, Install, Extensions.
- Configuration optionsThe settings in the guide, from first setup to the options that matter.
- Practical usage tipsShort examples you can adapt to your site.
Pricing
Choose the plan that fits
Save more as you scale — longer access means a bigger discount.
$9
30-day money-back guarantee
$19
30-day money-back guarantee
$29
30-day money-back guarantee
$49
30-day money-back guarantee
Why buy here
Why JoomlaX
- Built, maintained and supported by one team Every product sold on JoomlaX is developed, maintained and supported by Infyways, building Joomla solutions since 2010.
- Ready for Joomla 4, 5 and 6 118 extensions support Joomla 5 and 6, and 114 support Joomla 4. Each product page lists the versions it works with.
- One-click Joomla updates Regular updates and feature improvements for licensed customers, delivered straight to your Joomla admin.
- Support from the developers Tickets go straight to the developers. First replies within 24 business hours.
All-access bundle
Unlock every JoomlaX extension in one plan
Get all 125 extensions, new releases, ongoing updates and full-time support. Bought one by one, a year of updates for every extension costs over $4,700.
-
Basic
Ideal for small projects and personal sites
$249/ 6 months
Save 91% · $2,900+ value
- Access to 125 extensions
- Access to new extensions during period
- 3 websites license
- 6 months support and updates
- Unlimited downloads and domain activations
- Full-time expert technical support
30-day money-back guarantee
-
Most popular
Premium
Best for growing businesses and web agencies
$349/ 1 year
Save 92% · $4,700+ value
- Access to 125 extensions
- Access to new extensions during period
- 5 websites license
- 1 year support and updates
- Unlimited downloads and domain activations
- Priority full-time technical support
30-day money-back guarantee
-
Developer
For professional developers and multi-client agencies
$749/ one-time
Pay once · keep forever
- Access to 125 extensions
- Access to all future new extensions
- Unlimited websites license
- Lifetime support and updates
- Unlimited downloads and domain activations
- VIP priority full-time technical support
30-day money-back guarantee
FAQ
Questions about Text Image Tooltip
Still unsure? Our support team is one ticket away.
Which Joomla versions does Text Image Tooltip 3.0 support?
Text Image Tooltip 3.0 supports Joomla 4, Joomla 5, and Joomla 6.
How do I add a tooltip to an article?
Enable Content - Text Image Tooltip, then insert a shortcode such as:
{txttooltip text="leather tote" lgsrc="images/photo.jpg" title="Leather Tote" theme="dark"}Short supporting text{/txttooltip}
Or use the Text Image Tooltip editor button to build it visually.
Does the old TRIGGER{end-link}image.jpg syntax still work?
Yes. Legacy shortcodes such as {txttooltip}Hover me{end-link}images/photo.jpg{/txttooltip} still work and render with the modern 3.0 tip UI.
Can I use an image thumbnail instead of underlined text?
Yes. Set type="image" and provide thumbsrc (and optionally float="left" or float="right"). If thumbsrc is omitted, the plugin falls back to lgsrc.
Does Text Image Tooltip resize images or create WebP thumbs?
Yes. For local images, version 3.0 resizes to the requested thumb or tip width and caches WebP files under images/cache/text-image-tooltip when WebP thumbnails are enabled. Remote URLs are left unchanged.
Why does the first click pin the tip instead of opening the link?
Sticky click is enabled by default so visitors can inspect the tip. Use Open link inside the tip, click the trigger a second time to follow the URL, or turn Sticky click off in the plugin settings. Ctrl/Cmd-click always opens the link normally.
Can each tip use a different theme or placement?
Yes. Set defaults in the plugin parameters, then override per shortcode with theme="light|dark|glass|brand", placement="follow|top|bottom|left|right", and animation="fade|scale|slide|none".
What if I only add a link, or only a title, without body text?
That is supported. Tip spacing is handled for link-only, title-only, image+link, and full image/title/body/link combinations. Empty shortcodes with no tip content do not open a blank bubble.
How do I insert a tip without typing the shortcode?
Enable Editor - Text Image Tooltip, then use the Text Image Tooltip button in the article editor toolbar to build and insert the shortcode.
The tip stays invisible after updating. What should I check?
Clear Joomla, template, CDN, and browser caches. Version 3.0 also adds a Bootstrap-compatible show class for templates that hide role=tooltip elements until shown.
Help from the people who built it
- Documentation Installation, configuration and usage guides for this extension. Read the docs →
- Support portal Open a ticket with the developers. We reply to your first request within 24 business hours. Open a ticket →
- Live demos Try this extension on a live demo before you buy. Open this demo →
- Support policy What support covers, response times and how to get the fastest answer. Read the policy →
More like this
