githubEdit

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

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) • Mobile only • Desktop only

Last updated

Was this helpful?