Interactive Image Hotspots

Interactive Image Hotspots module lets you place clickable hotspot dots directly on images to highlight important areas, products, or features. Each hotspot opens a tooltip on click, allowing you to display additional content in a clean and engaging way. The module supports multiple hotspots on a single image and provides responsive controls to adjust both dot and tooltip positions for desktop, tablet, and mobile screens without breaking the layout, making it ideal for product showcases, lookbooks, and interactive visual sections.

Key Features:

• Image-Based Hotspots – Add interactive dots directly on images

• Multiple Hotspot Support – Place several hotspots on a single image

• Click-to-Open Tooltips – Display detailed information on user interaction

• Fully Responsive – Seamlessly adapts across desktop, tablet, and mobile devices

• Responsive Tooltip Positioning – Adjust tooltip alignment for desktop, tablet, and mobile

• Flexible Dot Position Control – Easily manage hotspot placement using percentage values

• Adjustable Tooltip Width – Control tooltip minimum and maximum width for better readability

• Fully Customizable – Customize tooltip styles, spacing, colors, and layout

• Mobile-Friendly Behavior – Hotspots remain stable and usable on smaller screens