Skip to content
Hotspot
Overview
A banner block that can display interactive hotspot links overlaid on an image, allowing users to click on specific areas to access different content or products.
Common use cases
- Create interactive product showcases with clickable hotspots
- Build image maps with informational overlays
- Add clickable zones to hero images
- Create educational or instructional content with interactive elements
- Display product details through image hotspots
Compatible blocks
The following blocks can be nested within this block:
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Image background desktop | Desktop background image | Image picker |
| Image background mobile | Mobile background image | Image picker |
| Show entire image | Shows the full image without cropping | Checkbox (default: false) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Minimum height | Minimum height of the hotspot container | 0 - 100 % (default: 50) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |