Editor's note
A calm side panel slides in next to the image; the camera glides and zooms to the detail.
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
Classic
The panel slides in from the side; the camera zooms to the detail next to it.
Chapter 02
Drawer
A full-width strip rises from the bottom: card image, text, and on the right add to cart and the arrows.
Up next
More like this
Nº 02
Hotspot Popover
A glass card opens right at the hotspot, tied to it with a thin line.
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