Hotspots are animated touchpoints that are used to uncover details of a certain art object.
In Mobile Guide apps Hotspots are applied to key details in the image to make it possible for users to delve into the sense depths of a masterpiece.
To enable the Hotspot:
-
Navigate to the Stop page you want to enable the Hotspot on.
-
Make sure that you've added an image to the Stop Media card to apply Hotspots on it.
-
NOTE: the first image from Stop Media will be used as the Hotspot image if there are several images uploaded.
-
-
Turn on the Enable hotspots control in the Stop Components section.
-
Now you can apply Hotspots to your image on the Hotspot image card.
-
Simply click on the image there, where you would like to place a Hotspot.
-
-
Now you can apply general style settings to all the Hotspots, such as
- Hotspot opacity
-
Hotspot size
-
Hotspot color
-
Hotspots icon color
-
Shadow opacity
-
Shadow horizontal direction
-
Shadow vertical direction
-
Shadow blur radius
-
Shadow spread radius
-
IMPORTANT: you can apply individual Hotspots style settings on each Hotspot module.
-
-
Don't forget to set the Reference for each Hotspot on the individual Hotspots cards.
-
The next step will depend on the Reference you've chosen:
-
Stop --> click the Select Stop button under the Reference field and choose a Stop from the pop-up Select Item window on the right of the page.
-
Experience --> click the Select Experience button under the Reference field and choose an Experience from the pop-up Select Item window to the right of the page.
-
External URL --> enter an External URL in the Enter URL here field and a Hotspot name in the Enter hotspot name field
-
Application page --> choose a page from the Select page drop-down.
-
-
-
Click the Submit button on the page right upper corner to save the changes.
Video Tutorial: