Customizing ToolTip window in Map View

[Mike]

Hello,

I was hoping to customize the ToolTip window in Map view. As default, it includes the Event Name and Address. I was hoping to add the date and time, city and province, website and featured image. I see that I can likely make the changes in this line of code (in a child theme), but unsure how to select those values to show up.

var infoWindow = new google.maps.InfoWindow();

var content_title = title;
if ( link ) {
content_title = $( ‘<div/>’ ).append( $( “<a/>” ).attr( ‘href’, link ).text( title ) ).html();
}

var content = TribeEventsPro.map_tooltip_event + content_title; //

if ( address ) {
content = content + “<br/>” + TribeEventsPro.map_tooltip_address + address;
}

infoWindow.setContent( content );

google.maps.event.addListener( marker, ‘click’, function( event ) {
infoWindow.open( tg.map, marker );
} );

tg.markers.push( marker );

if ( tg.refine ) {
marker.setVisible( false );
}
tg.bounds.extend( myLatlng );
}

Thank you very much in advance for your help!

[Shelby]

Hey Jonah,

Thanks for posting, & I’m happy to help.:)

Unfortunately, this kind of request isn’t a built in option, and would require some customization that we can’t provide on these forums. However, we do have some resources for doing that here. If you need to find someone to help with the customizations, we also have some tips for finding help here.

Hope this helps!

Thanks,

Shelby 🙂

[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