DemoExample 1 - Product Preview
Hover or tap the product thumbnail to open a rich image tooltip. Click once to pin it, click outside or press Escape to dismiss. Local thumbs are resized and cached as WebP.
{itooltip title="Leather Tote" content="Soft full-grain leather with brass hardware. Hover to preview the full product shot." thumbsrc="images/cloud/Bag__leather-tote.jpg" lgsrc="images/cloud/Bag__leather-tote.jpg" thumbwidth="160" float="right" theme="dark" placement="follow" link="https://www.joomlax.com"}{/itooltip}DemoExample 2 - Editorial Float
Float thumbnails left or right inside article copy. Light theme tooltips keep editorial pages clean and readable.
Surrounding copy can wrap around the floated trigger so product callouts feel native inside long-form content.
{itooltip title="Studio Headphones" content="Closed-back monitoring headphones with natural tonal balance for long editing sessions." thumbsrc="images/cloud/Headphones__studio-black.jpg" lgsrc="images/cloud/Headphones__studio-black.jpg" thumbwidth="140" float="left" theme="light" placement="follow"}{/itooltip}DemoExample 3 - Text Trigger
Turn any phrase into a dotted underline trigger. Perfect for glossaries, product mentions, and documentation callouts.
Readers can explore the without leaving the paragraph.
{itooltip type="text" 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"}{/itooltip}DemoExample 4 - Anchored Card
Use placement="right" (or top, bottom, left) when a stable card feels more intentional than a cursor-follow tip.
{itooltip 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"}{/itooltip}DemoExample 5 - Watch Gallery
Combine multiple shortcodes in one example for product strips, lookbooks, and catalogue previews.
{itooltip title="Leather Classic" content="Warm leather strap with a clean dial for everyday wear." thumbsrc="images/cloud/Watch__leather-classic.jpg" lgsrc="images/cloud/Watch__leather-classic.jpg" thumbwidth="120" theme="dark" placement="top"}{/itooltip} {itooltip title="Steel Chronograph" content="Polished steel case with chronograph subdials for precision timing." thumbsrc="images/cloud/Watch__steel-chronograph.jpg" lgsrc="images/cloud/Watch__steel-chronograph.jpg" thumbwidth="120" theme="dark" placement="top"}{/itooltip} {itooltip title="Signature Scent" content="Glass-bottle fragrance with layered citrus and amber notes." thumbsrc="images/cloud/Perfume__glass-bottle.jpg" lgsrc="images/cloud/Perfume__glass-bottle.jpg" thumbwidth="120" theme="dark" placement="top"}{/itooltip}DemoExample 6 - Rich Product Card
One tip can carry a larger preview, longer multi-line body copy, a CTA link, and a wider tip panel — ideal for detailed product storytelling.
{itooltip title="Heritage Runner" thumbsrc="images/cloud/Shoes__running-sneaker.jpg" lgsrc="images/cloud/Shoes__running-sneaker.jpg" thumbwidth="180" float="right" 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. Free exchanges within 30 days. Ships in recyclable packaging.{/itooltip}
Leather Tote
Soft full-grain leather with brass hardware. Hover to preview the full product shot.
Studio Headphones
Closed-back monitoring headphones with natural tonal balance for long editing sessions.
Mirrorless Kit
Compact body, fast autofocus, and travel-ready lenses for creators on the move.
Aviator Sunglasses
Gold-frame aviators with polarized lenses. Anchored tip stays beside the trigger instead of following the cursor.
Leather Classic
Warm leather strap with a clean dial for everyday wear.
Steel Chronograph
Polished steel case with chronograph subdials for precision timing.
Signature Scent
Glass-bottle fragrance with layered citrus and amber notes.
Heritage Runner
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.
Free exchanges within 30 days. Ships in recyclable packaging.
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.
Free exchanges within 30 days. Ships in recyclable packaging.