The Hotspot Visible Slider template is used to give explanatory text on multiple images. You can place a marker on top of each image and add descriptive texts for each marker. The hotspot is preceded by an introduction pop-up with a title and descriptive text.
Setting it up
Below fields are present within this template. They can be found in the content builder. Fields with an * are required.
Content ID*
Title of this template, only shown in the content builder.
Intro
Information added here will be shown in the introduction of the learning format.
Heading (text only)*: A heading that will be shown in the frontend.
Text (rich text)*: A body text that supports bulleted or numbered lists, hyperlinks, bold and italic texts.
Show instructions (checkbox): Ticking this box will show an extra line of instructions (i.e. ‘Swipe or tap the arrows to explore the images.’) in the intro popup.
Slides
Here you can add multiple hotspot ‘slides’. For each slide, you can add:
Title*: A title for this hotspot, used in analytics and invisible to the user.
Image*: Image uploader for JPG, PNG, GIF. Each image will have one region selector.
Region selector*: Here you can select the regions that the hotspot texts refer to (see ‘hotspot texts’). Drag the selector to the correct location on the image.
Hotspot text
Each slide has one hotspot. This hotspot should contain:
Title (text only)*: Used in analytics and also shown to the user.
Text (richt text): A descriptive text that supports bulleted and numbered lists, hyperlinks, bold and italic texts.
Supertitle (text only): An optional supertitle that will show above the title.