Hotspot Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Hotspot Image

Image

Now Drag and Drop Hotspot Image widget

Image

Select Image for Hotspot

Image

Repater – Type(Text/Icon/Image), Icon Offset, Tooltip

Image

List : Icon/Image/Text

Image

Using Offset, You can manage Position.

Image

You can manage Effect of Dots.

Image

In Tooltip, You can manage Title, Description and It’s Position and Effect.

Image

In Repeater, We have Styling option like. Color, Background, Border, Shadow and Min Width of Tooltip.

Image

Using this option, You can Disable Mobile Tooltip.

Image

In Style Tab, We have General and Seprate option.

Image

In Icon, Image, Text General

You can manage Box Size of Dot.

Also, You can manage Background, Border and Box Shadow.

Image

In Icon Style Tab, You can manage Size and For Normal and Hover, You can Color.

Image

In Image Style Tab, You can manage Max. Width of Image.

Also, You can manage Border and Shadow of Image for Normal and Hover State.

Image

In Text Style Tab, You can manage Typography and For Normal and Hover State, You can manage Color and Text Shadow.

Image

In Tooltip Box, You can manage Min. Width, Color and Border Radius.

Image

In Tootip Title Style Tab, You can manage Alignment, Typography and Color.

Image

In Tootip Description Tab, You can manage Alignment, Typography and Color.

Image