Add these…and still checking…

Tabs
Accordion
Gallery
Google Map
Image
Image Hotspot – see hotspots but no tooltips
Partner Logo
Masonry Gallery

My coder @vileworks.com wrote me:
This is the jQuery code I’m using. You can try running (testing) this code on the Enfold demo page if you know how to use the javascript console in Chrome or Firefox: http://kriesi.at/themes/enfold/shortcodes/images-with-hotspots/

$=jQuery;
$(‘.av-hotspot-fallback-tooltip’).hide();

$(‘.av-hotspot-fallback-tooltip-count’).on(‘click’,function(e) {
$(‘html,body’).animate({ scrollTop: $(‘#main’).offset().top },’slow’);
$(‘.av-hotspot-fallback-tooltip’)
.slideUp(500);
});

$(‘.av-image-hotspot’)
.each(function(){
$(this).on(‘click’,function(e) {
var hotspot_number = $(this).index() + 2;
$(‘.av-image-hotspot .av-image-hotspot_inner’).removeClass(‘active’);
$(this).find(‘.av-image-hotspot_inner’).addClass(‘active’);
$(‘.av-hotspot-fallback-tooltip’).hide();
$(‘.av-hotspot-fallback-tooltip:nth-child(‘+hotspot_number+’)’)
.slideDown(500);;
$(‘html,body’).animate({ scrollTop: $(‘.av-hotspot-fallback-tooltip:nth-child(‘+hotspot_number+’)’).offset().top – 100 },’slow’);
});
})
.on(‘hover’,function(){ return false; });

$(‘.av-hotspot-fallback-tooltip-inner p:empty’).remove();

Hi Yigit,

I actually put back wordpress in english and deleted Enfold and uploaded it again so that now it appears in English.
But is there a way to disable the tooltips anyway?

Kind regards

Chrys

That was the ticket fellas. Thanks so much for all of your help. Not sure why the code was not working in the tooltip before? Either way it works now. Many thanks guys!

Hello Ismael,

Thanks for the reply. No worries about people sending nasty comments, they obviously have nothing better to do, plus the instructions given did not work.? It seems that the code that was given before is now gone by aribann. Even when I had the code I did add it to the tooltip field and it just displays the code and does not link directly. I absolutely hate to drag this out or be a pain but it think it is an important feature for the map to be clickable for directions. Is a plugin the way to go here? Just trying to get this working. BTW, you staff has always been great and very responsive. I do appreciate you trying to help me with this issue…..

Thank you very much for the code. It works as it should!

The only problem I have with this code now is that as soon as I move the mouse from the marker the tooltip closes right away before it allows to click on the links inside the tooltip, so basically this solution makes the tooltip unusable if there are links in it. Sorry, my bad I didn’t think about this.

Is there an option for the tooltip on a marker to stay open until another marker (not just moving the mouse away) is hovered or clicked to allow time to click on the tooltip’s links? Although I’ve seen this done, especially on sites with home listings on a map, I realize that this option requires a lot of additional code. So I guess the easiest option would be for to use the “click” option to open a tooltip on a marker and then when another marker is clicked and the new tooltip opens the previous one closes.

So far I use the code below which allows for the tooltip to open on click and then when the map is clicked it closes all open tooltips.

google.maps.event.addListener(marker, 'click', function() {
				    infowindow.open(map,marker);
				});
				
				google.maps.event.addListener(map, 'click', function() {
				    infowindow.close(map,marker);
				});

What code can I use instead so when a new marker is clicked and a new tooltip opens the previous tooltip closes?

Thank you so much for your help,
George

Hi Ismael,

Thank you! On shortcode.js – line 616, I replaced ‘click’ with ‘mouseover’ and the tooltip now opens on hover as I wanted.

However now, when I hover to another marker a new tooltip opens and the tooltip on the previous marker remains open which is fine on a map with just a couple markers. On a map with a bunch of markers however it makes it impossible to look at the info of all markers when all those tooltips remain open.

What is the code that I can add to have the previous tooltip automatically close once I hover to a another marker? I’m pretty bad when it comes to java.

Thank you for your help,
George

1. The problem is I had to set a custom slide duration for the first heading animation slide show and that same timing is getting applied to the second slide show, which requires it’s own unique autorotation

2. If you click on the orange locator icon on the large Google map above my Contact form, you will see the tooltip appears with black type on the white pointer box. If you mouseover the Green phone button below my Contact form, you will see the tooltip appears with white type on a black pointer box. I would like the map locator tooltip to appear as it does on the phone tooltip, with white type on the black pointer box.

Thanks,
Trevor

Hello,

Yes. I’ve been through all the normal procedures.

As I said, I’m pretty certain it’s due to a change in the API of the Avia tooltip component.

Thanks