Editor's note
A glass card opens right at the hotspot, tied to it with a thin line.
Product blocks
Pick a product and the card shows its image, price and a working add to cart – the cart count updates right away.
Hotspots stay visible
When the image is cropped, it slides so every hotspot stays inside the frame.
Height
Follow the image ratio (optionally capped to the screen) or take a share of the screen.
Chapter 01
Glass
The glass card shows the block's image on top.
Chapter 02
Lens
A round magnifier instead of the photo: a live crop of the main image, zoomed in on the hotspot.
Up next
More like this
Nº 01
Hotspot Panel
A calm side panel slides in next to the image; the camera glides and zooms to the detail.
Hotspot · Any page
Nº 03
Hotspot Index
The image with a numbered list next to it – a spec sheet you can shop.
Hotspot · Any page
Nº 04
Hotspot Portal
A circle opens from the hotspot and fills the section with the detail – big type, minimap, rolling counter.
Hotspot · Any page