Activate map pin tooltip when user hovers over result item?

[automobile]

Hello, just wondering if this is possible.

In short, when a user hovers over a result item, can the corresponding map point highlight or have the tooltip activate? Similar to how it works on yelp. Thanks

[Jaime Marchwinski]

Hi Javier,

Thanks so much for reaching out!

Just to let you know, we are limited by our Support Policy in how much we can help with customizations, but I will try to point you in the right direction.

I’d recommend starting off by taking a look at our Themer’s Guide to see how you can copy and edit the template file that you are referring to.  If you provide a screenshot or URL to the page you are referring to, I can point you to the template files that you may want to look at.

If this functionality is a requirement for your intended project, I’d suggest that a third-party developer would be the best way to make this feature happen on a short timeline. ? We maintain a list of developers who work with our plugins on our Knowledgebase here:

https://theeventscalendar.com/knowledgebase/find-a-customizer/

Let me know if you have any other questions on this topic!

 

Thanks,

Jaime

[automobile]

Hi Jaime,

I’ve taken a look at the Themer’s Guide and I do not believe I need to modify any template files.

I am trying to open/close the tooltip/infowindow on the map which corresponds to a result item that is being hovered on. I’ve added the following JS in the footer:

`
jQuery(tribe_ev.events).on(‘tribe_ev_mapView_AjaxSuccess’, onMapHover);

function onMapHover(e) {
jQuery(‘.type-tribe_events’).on(“mouseover”, function () {
jQuery(‘.type-tribe_events’).removeClass(‘active’);
jQuery(this).addClass(‘active’);
});
}
`

However I’m not able to access any infowindow functions – would I need to overwrite the entire tribe-events-ajax-maps.js file?

• This reply was modified 8 years, 3 months ago by automobile.
• This reply was modified 8 years, 3 months ago by automobile.
• This reply was modified 8 years, 3 months ago by automobile.
• This reply was modified 8 years, 3 months ago by automobile.

[automobile]

Hi Jaime,

I’ve taken a look at the Themer’s Guide and I do not believe I need to modify any template files.

I am trying to open/close the tooltip/infowindow on the map which corresponds to a result item that is being hovered on. I’ve added the following JS in the footer:

`
jQuery(tribe_ev.events).on(‘tribe_ev_mapView_AjaxSuccess’, onMapHover);

function onMapHover(e) {
jQuery(‘.type-tribe_events’).on(“mouseover”, function () {
jQuery(‘.type-tribe_events’).removeClass(‘active’);
jQuery(this).addClass(‘active’);
});
}
`

However I’m not able to access any infowindow functions – would I need to overwrite the entire tribe-events-ajax-maps.js file?

[Jaime Marchwinski]

Hi Javier,

You can find the tooltip templates at the following locations:

• core/src/views/month/tooltip.php
• pro/src/views/week/tooltip.php

If you’d like to overwrite a file, I’d recommend copying it, as outlined in the Themer’s Guide that I referenced above.

I hope this helps!

 

Thanks,

Jaime

[automobile]

Hi Jaime,

The map view does not use those templates, the info window (tooltip) is created in JS. Any thoughts?

Thanks

Javier

[Jaime Marchwinski]

Hi Javier,

In that case, the javascript file you want to modify is the-events-calendar/src/resources/js/tribe-events.js (and tribe-events.min.js). We don’t have a template override for these files, so you will have to make this change via custom extension/plugin. You have to dequeue our scripts & enqueue your own custom scripts after that.

I hope this helps to point you in the right direction!

 

Thanks,

Jaime

[automobile]

Hi Jaime,

I took a look in that file but do not see anything related to this.

Just to be clear, I’m talking about the map view which is not part of the regular plugin. I do have a license for Events Calendar Pro, so likewise I would expect to have to modify files which are part of the PRO plugin rather than the standard plugin.

Is there anyone I can email directly to discuss this?

Thanks

Javier

[Jaime Marchwinski]

Hi Javier,

As I had mentioned previously, support for customizations is limited as stated in our support policy.  I will continue to try to point you in the right direction, but beyond that, I’d recommend reaching out to a third-party if necessary.

The other Map View template files are PHP files.  It sounds like you want to edit the Javascript files.  In that case, I would recommend going through the plugin code for Events Calendar PRO yourself.  Let me know if you have any other specific questions on this.

 

Thanks,

Jaime

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts