The 360° product player in version 1.7.0 and newer adds the possibility to specify own, custom html content for hotspot. You need just add the htmlContent property in the config.js hotspot definition:
1 2 3 4 |
"hotspots": { "hotspot_1329745360515": { "title": {"text": "Headphones detail"}, "htmlContent" : "<span>foo</span>", |
By default, as of version 1.7.0, the default css hotspot html structure looks like this:
1 2 3 |
<div id="hotspot_1329745360514" class="rotate-tool-hotspot-default"> <div class="rotate-tool-hotspot-default-inner"></div> </div> |
What changed compared to previous version is, that the inner div (with the class rotate-tool-hotspot-default-inner) was added.