Reply To: Hotspot Mobile

Hello,

Our hotspot element was not designed to add a single point to be used as a caption for an image. It was created to include multiple points on one image that describe different objects or parts of an object. If two or more hotspot elements are used simultaneously, their interaction is not connected in any way, and clicking on one hotspot point in one element does not close the hotspot point in another.

If you still want to use hotspots as “images with captions,” you can add the following custom JS code into the appropriate field in the theme settings.

(function($) {
	$(document).on('click touchstart', '.wd-image-hotspot .hotspot-btn', function(e) {
		var $clickedHotspot = $(this).closest('.wd-image-hotspot');
		$('.wd-image-hotspot.hotspot-opened').not($clickedHotspot).removeClass('hotspot-opened');
	});
})(jQuery);

Best Regards.