Photo Hotspots

Photo Hotspots

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Posez des marqueurs cliquables n’importe où sur une image, chacun ouvrant sa fiche

Photo Hotspots transforme une image en diagramme interactif : placez des marqueurs où vous voulez sur une photo, un packshot, une carte ou un plan, et chacun ouvre une fiche avec titre, description et lien ou bouton optionnel. Les marqueurs sont positionnés en pourcentage X/Y, donc ils tiennent leur place quand l’image se redimensionne.

Les labels s’affichent toujours, au hover ou au clic, avec la possibilité de garder plusieurs fiches ouvertes. Chaque hotspot a son propre lien (page, ancre de section, ou URL) et se style individuellement. En mode CMS, dix slots de position et de texte sont bindables.

Marqueurs et fiches

  • Mode manuel avec un nombre illimité de marqueurs en X/Y %, mode CMS avec 10 slots bindables

  • Titre, sous-titre, lien et libellé de bouton par hotspot, les hotspots vides sont masqués

  • Label Always, Hover ou Click, avec fermeture au clic extérieur et un toggle Keep Open

  • Position de la fiche (haut, bas, gauche, droite) avec alignement et offset

Style des points et des fiches

  • Fiche stylable : fill, blur dépoli, radius, border, ombre

  • Point stylable : couleur, états hover, taille, blur, border, ombre

  • 1 à 3 anneaux en plein ou en contour, avec animation sonar optionnelle

  • Typographie via le sélecteur de police Framer, avec text-shadow

Lien et performance

  • Toute la fiche en lien, ou un bouton CTA stylé

  • Preview compatible statique, interactions limitées aux points et boutons