Hotspots Tool

Hotspots Tool


 
Hotspots Interactive Image
 

General Instructions:

  • To change image input Cloudinary URL above then click "Change Image".
  • After image loads; Click on image to add Hotspots.
  • Click and Drag to reposition Hotspots.
  • Users are limited to 5 Hotspots at a time.

Hotspots Material Feature Component Instructions:

  • If selecting Hotspots for the Hotspots Material Feature Component select the amount of tabs to display below then reclick the Change Image button above.
  • Crop Focus button is ONLY meant to be used in conjunction with the Hotspots Material Feature button. Adds gravity transformation to the transformation applied by the Hotspots Material Feature button. (For very rare use-cases)
  • Add the following image transformation to the component: w_1250,ar_805:537,c_fill,g_center

*Recommendations:



Hotspot Coordinates

 

Click X shown next to each coordinate above to remove them.

My Bookmarks
Create New Folder
Items Selected
Clear All
Added to My Bookmarks
Add to Folder
Cookies Settings