Text Image Tooltip
Text to Image Tooltip Plugin for Joomla
Hover or tap a dotted underline phrase to open a rich image tooltip. Click once to pin it, click outside or press Escape to dismiss. Local previews are resized and cached as WebP.
Start with the leather tote — a text-first product callout that never leaves the sentence.
{txttooltip text="leather tote" title="Leather Tote" content="Soft full-grain leather with brass hardware. Hover the phrase to preview the full product shot." lgsrc="images/cloud/Bag__leather-tote.jpg" theme="dark" placement="follow" link="https://www.joomlax.com"}{/txttooltip}Light theme tips keep long-form articles clean while still giving readers a quick visual preview.
Pair editorial copy with the so product mentions feel native inside paragraphs.
{txttooltip text="studio headphones" title="Studio Headphones" content="Closed-back monitoring headphones with natural tonal balance for long editing sessions." lgsrc="images/cloud/Headphones__studio-black.jpg" theme="light" placement="follow"}{/txttooltip}Use placement="top" (or bottom, left, right) when a stable card feels more intentional than a cursor-follow tip.
Readers can explore the without leaving the paragraph.
{txttooltip text="mirrorless camera kit" title="Mirrorless Kit" content="Compact body, fast autofocus, and travel-ready lenses for creators on the move." lgsrc="images/cloud/Camera__mirrorless-kit.jpg" theme="glass" placement="top"}{/txttooltip}Need a thumbnail instead of underlined text? Set type="image" with thumbsrc and optional float.
{txttooltip type="image" title="Aviator Sunglasses" content="Gold-frame aviators with polarized lenses. Anchored tip stays beside the trigger instead of following the cursor." thumbsrc="images/cloud/Sunglasses__aviator-gold.jpg" lgsrc="images/cloud/Sunglasses__aviator-gold.jpg" thumbwidth="150" theme="brand" placement="right" tipwidth="300"}{/txttooltip}Combine multiple text shortcodes in one example for glossaries, lookbooks, and catalogue mentions.
Browse the , , and .
{txttooltip text="leather classic" title="Leather Classic" content="Warm leather strap with a clean dial for everyday wear." lgsrc="images/cloud/Watch__leather-classic.jpg" theme="dark" placement="top"}{/txttooltip}, {txttooltip text="steel chronograph" title="Steel Chronograph" content="Polished steel case with chronograph subdials for precision timing." lgsrc="images/cloud/Watch__steel-chronograph.jpg" theme="dark" placement="top"}{/txttooltip}, and {txttooltip text="signature scent" title="Signature Scent" content="Glass-bottle fragrance with layered citrus and amber notes." lgsrc="images/cloud/Perfume__glass-bottle.jpg" theme="dark" placement="top"}{/txttooltip}Older sites keep working: TRIGGER{end-link}image.jpg still renders as a modern text tip with a preview image.
Legacy syntax for upgrades automatically to the 3.0 tip UI.
{txttooltip}Heritage Runner{end-link}images/cloud/Shoes__running-sneaker.jpg{/txttooltip}One tip can carry a larger preview, longer multi-line body copy, a CTA link, and a wider tip panel.
See the heritage runner for a fuller product story.
{txttooltip text="heritage runner" title="Heritage Runner" lgsrc="images/cloud/Shoes__running-sneaker.jpg" theme="dark" placement="follow" tipwidth="380" link="https://www.joomlax.com"}Breathable knit upper with a responsive foam midsole tuned for all-day city miles. Wide toe box, reflective heel tab, and a durable rubber outsole for wet pavement grip. Available in sizes 36–46. Includes spare laces and a travel pouch.{/txttooltip}
Wide toe box, reflective heel tab, and a durable rubber outsole for wet pavement grip.
Available in sizes 36–46. Includes spare laces and a travel pouch.