Canvas Support

Help with hotspot (map from hosting template)

4 replies · opened Jun 19, 2019

Ssrm75Jun 19, 2019

Hi,

I'm working on a site and trying to combine different elements from different templates. I want to use the map with animated hotspots which is in the hosting template. I have been trying to work out which .js/css elements are required, and I can get it to display one animated hotspot in top left corner of the map, but it's not showing the others. Can you advise which are the various elements that are needed to control the hotspots? Is there any documentation?

Thanks
Steve

SSemicolon WebSTAFFJun 20, 2019

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Ssrm75Jun 23, 2019

Hi,

Thanks. The URL is www.rocket-ranch.net

As you can see there is just one flashing "hotspot", even though there are still the same x/y coordinates from your original demo template. Also, the animation on the pulsing hotspot doesn't seem the same.

I suspect there is something I have missed, but appreciate help from the experts!

Thanks
Steve

SSemicolon WebSTAFFJun 24, 2019

Hello,

Thanks for the Live URL. Upon checking the codes, we noticed that there is a JS error on your Page which is caused by missing scripts. To fix the Hotspot issue, simply remove the following line of code: 

// Hover Script
jQuery(".img-hover-wrap").hover3d({
	selector: ".img-hover-card",
	shine: false,
});

as this is not required on your Page and also the Plugin for this has not been included on your Page which is causing the HotSpot plugin to not work properly.

This should definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ssrm75Jun 25, 2019

Hi,

Thank you very much. That's worked perfectly as you say.

Best regards
Steve

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard