Advanced Dynamic Image Hotspot
Transform static website snippet images into interactive visual shopping experiences. Add drag-and-drop hotspots, custom popovers, live product pricing, and instant Add-to-Cart directly from the Odoo Website Builder.
Module Overview
Empower your Odoo E-commerce store with fully customizable, shoppable image pins.
Interactive Lookbooks & Shoppable Images
The Advanced Dynamic Image Hotspot module by Aura Odoo Tech seamlessly integrates into the native Odoo 19 Website Builder. It allows store owners, marketers, and designers to place interactive pins on any banner, product show-case, or lookbook image without writing a single line of code.
Direct E-Commerce Integration
Connect hotspots directly to Odoo product templates, external destination links, or custom categories. Customers can hover or click pins to inspect item details, view live prices, discount percentages, and add items straight into their shopping cart.
Key Features
Comprehensive set of tools designed for ultimate flexibility and design excellence.
Drag pins visually on any image inside the Website Builder or tune horizontal and vertical alignment using precision percentage sliders.
Choose from Dot, Plus, Shopping Bag, Info, Price Tag, Star, Number Sequences, Heart, Eye Preview, Search, Gift Box, Sparkles, Fire, Lightning, and Question shape icons.
Select from Gold Luxury, Crimson Red, Royal Blue, Emerald Green, Vivid Purple, Sunset Orange, Cyber Neon, Purple-Pink Gradient, Blue-Cyan Gradient, Dark Obsidian, Hot Pink, Cyan, and Pure White.
Capture visitor attention with Pulse Ring, Glow, Double Ripple, Bounce Hop, Radar Sweep, Ping Pulse, Rotate Icon, Heartbeat, Neon Flicker, or Static options.
Display popover cards in Glassmorphism Frosted, Minimal Crisp White, Dark Obsidian, Vivid Gradient, or Compact Tooltip with smart auto-placement or fixed directions.
Allow shoppers to add featured products directly to their Odoo e-commerce cart right from the hotspot popover without leaving the page.
Manage multiple hotspots on a single image with pin switching tools. Easily duplicate an existing pin while retaining all customized styling and animation settings.
Display attached Dot Badges for custom text, live product price, or discount percentages (% OFF). Choose between Hover or Click popover triggers.
Configured directly via the Odoo Website Builder panel. Fully responsive across desktop, tablet, and mobile devices.
Business Benefits
Drive engagement, increase conversions, and modernize your digital storefront.
Boost E-Commerce Conversion Rates
Reduce friction in the buyer journey by letting customers buy products directly from lifestyle images and promotional banners.
Increase Average Order Value (AOV)
Create lookbooks featuring complete outfits or room setups. Shoppers can click each item on the image and add multiple items to cart easily.
Save Time with Builder Integration
Eliminate custom CSS or JavaScript work. Website editors can add, adjust, and style hotspots directly inside the standard Odoo edit mode.
Premium Aesthetics & Customization
Modern card themes like Glassmorphism and vibrant gradient themes ensure your website matches modern luxury design standards.
Module Screenshots
Visual preview of the options panel and front-end popovers in action.
Builder Sidebar Panel
Intuitive controls for toggling hotspots, choosing icons, colors, animations, products, and triggers.
Front-End Shoppable Lookbook
Animated pins on lifestyle banners with instant product popovers and one-click Add to Cart.
Simple 4-Step Workflow
Get started in minutes without any technical setup.
Select Image
Click any image snippet in the Odoo Website Builder edit mode.
Enable Hotspot
Turn hotspot On in sidebar and click "+ Add" to drop pins onto the image.
Configure & Link
Choose product, icon shape, color theme, popover animation, and price display.
Save & Publish
Click Save in Website Builder. Your customers now see interactive shoppable hotspots!
Configuration Details
Available Customization Controls
- Hotspot Toggle: Enable or disable hotspots per image.
- Pin Management: Add, duplicate, delete, and switch between active pins.
- Icon & Theme Selector: Pick from 15 icon shapes and 13 color themes.
- Animation Style: Apply 10 eye-catching pulsing effects.
- Popover & Badge Settings: Select card style, direction, trigger, price display, and add-to-cart toggle.
Technical Specifications
Built following Odoo 19 framework standards and best practices.
| Technical Name | advanced_dynamic_image_hotspot |
|---|---|
| Target Odoo Version | 19.0 (Community & Enterprise) |
| Module Price | â¬25 EUR |
| Author & Publisher | Aura Odoo Tech |
| Module Dependencies | website_sale, html_builder |
| Frontend Framework | Native OWL 2 Component / Website Builder Plugin API |
| License | AGPL-3 |
Compatibility Matrix
Tested and optimized across environments and browsers.
| Platform / Environment | Status | Notes |
|---|---|---|
| Odoo 19.0 Community | Fully Compatible | Requires Website & E-Commerce Apps |
| Odoo 19.0 Enterprise | Fully Compatible | Seamless integration |
| Odoo.sh Cloud Hosting | Fully Compatible | Standard custom addon deployment |
| Modern Web Browsers | Fully Compatible | Chrome, Firefox, Safari, Edge |
Supported Editions
Fully supported on Odoo 19.0 Community Edition for website and e-commerce stores.
Fully supported on Odoo 19.0 Enterprise Edition across all cloud and local environments.
Installation Guide
- Download the
advanced_dynamic_image_hotspotzip folder. - Extract and place the module folder inside your Odoo custom addons directory.
- Restart your Odoo server instance.
- Activate Developer Mode in your Odoo database.
- Go to Apps, click Update Apps List, search for
advanced_dynamic_image_hotspot, and click Install.
Frequently Asked Questions
Common questions about Advanced Dynamic Image Hotspot.
Changelog
- Initial official release for Odoo 19.0.
- Integrated native Website Builder snippet plugin for image hotspots.
- Added support for 15 pin shapes/icons, 13 color themes, and 10 animations.
- Added Glassmorphism and gradient popover styles with direct Add-to-Cart functionality.
- Added pin duplication and multi-pin navigation tools.
Support & Technical Assistance
Need help, custom feature development, or support for Advanced Dynamic Image Hotspot?
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
eCommerce (website_sale)
• Discuss (mail) • Website (website) • Invoicing (account) |
| Lines of code | 1658 |
| Technical Name |
advanced_dynamic_image_hotspot |
| License | OPL-1 |
| Website | https://www.auraodoo.tech/ |
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module