Hotspot Icon Class

In every 360 product view you can insert special Hotspots (or markers) that drive the attention to a special part or function of your product.

These hotspots can be either

1) a PNG image
2) as custom styled hotspot icon class

Custom Styled Hotspot Icon Class

If no image or stylesheet is defined for the hotspot, this default CSS code is used:

Feel free to modify this code in your exported styles.css file.

When using the 3DRT Setup Utility when adding a hotspot, you have the option to enter your own css declaration for the hotspot (and you can use css transformations to add animations):

hotspot-icon-custom-class

if you entered e.g. “animated-hotspot”, you need to add the animated-hotspot style declaration into your styles.css file (in your chosen skin or theme).