This plugin works with The Events Calendar by Modern Tribe. It adds an event's location information to the tooltip on the monthly calendar view.
This plugin overrides the template for the tooltip that is displayed when a user hovers over an event on the full month calendar view created by The Events Calendar or The Events Calendar Pro plugin. The name of the event’s venue/location that is entered with the event will be displayed under the date and time that the event occurs. The full street address for the location can also be displayed. All of the other elements of the tooltip remain unchanged.
The Events Calendar and The Events Calendar Pro are WordPress plugins developed by Modern Tribe.
.deltec-tooltip-message
– A paragraph
element that surrounds all of the information that is added to the tooltip by this plugin..deltec-location-name-prefix
– A span
element that surrounds the prefix message that you can set in the Display Event Location for The Events Calendar settings area in the textfield labeled Tooltip Message Before Venue/Location Name.deltec-location-name
– A span
element that surrounds the name of the event’s venue/location name..deltec-street-address
– A span
element that surrounds the all elements of the street address for the event’s venue/location (if enabled in Display Event Location for The Events Calendar settings area)The Github Repository for this plugin can be found here: https://github.com/mike-weiner/display-event-locations-tec.
Below are resources and references that were used to help develop parts of this plugin.
A special thank you to user @cliffordp on Github for several helpful gists that were used as boilerplates to achieve certain functionality within this plugin.
Thank you to Danielle Attinella for her amazing work on designing a new icon and banner image for the plugin.
This section describes how to install the plugin and activate it on your WordPress installation.
The official Display Event Location for The Events Calendar WordPress Plugin can be found at: https://wordpress.org/plugins/display-event-locations-tec/.
The plugin can be downloaded and installed right from your WordPress administration area by going to Plugins > Add New
and searching for Display Event Location for The Events Calendar by Weiner
and clicking “Install”. Once the installation completes, click the blue “Activate” button to activate the plugin on your website.
Go to the releases section of the repository and download the .zip
named display-event-locations-tec.[version].zip
from the most recent release listed in the repository.
Once you have downloaded the display-event-locations-tec.[version].zip
from the releases section of the repository sign into the backend of your WordPress website. From your WordPress administration panel, go to Plugins > Add New
and click the gray Upload Plugin
button at the top of the page. Select the display-event-locations-tec.[version].zip
file to upload from your machine when prompted.
WordPress will install the plugin. Once the installation is complete, you will be able to activate the plugin and begin using it. Enjoy!
If you have any questions or issues please open a new issue on the Github repository or submit a support ticket on the WordPress Plugin directory listing for this plugin.
The settings page for the Display Event Location for The Events Calendar
plugin. This is where you can change what is displayed on your tooltip when a user hovers over an event on your website's monthly calendar.
This is what the tooltip for a standard event will look like after activating this plugin with only the location name enabled in the tooltip.
This is what the tooltip for a standard event will look like after activating this plugin with both the location name and street address enabled in the tooltip.
This is what the tooltip for a featured event will look like after activating this plugin with only the location name enabled in the tooltip.
This is what the tooltip for a featured event will look like after activating this plugin with both the location name and street address enabled in the tooltip.
First, make sure that the plugin ‘Display Event Location for The Events Calendar’ is installed and activated on your website. To check this, click on the Plugins
option from the left-hand administration sidebar in WordPress. Once the page loads, make sure Display Event Location for The Events Calendar
is activated. Then try viewing your calendar again to see if the tooltip now displays the location of your events.
If the Display Event Location for The Events Calendar
plugin is activated and the tooltip still does not show the location of events in your calendar, try navigating your calendar to the next month or backwards to the previous month. Then try hovering over events from that month and see if the tooltip is displaying event locations.
If you still do not see a location in the tooltip when hovering over events on the monthly calendar, edit the event in question and ensure that a venue is selected. You can do this by selecting Events > Venues > Add New
from your WordPress administration area. Additional instructions for creating venues can be found here: https://theeventscalendar.com/knowledgebase/k/venue-and-organizer-pages/
If you still aren’t seeing the location displayed within the tooltip, you can also try viewing your calendar in a different browser or try clearing your browser’s cache and then viewing your calendar again. It is common that the monthly calendar view gets cached in your browser or by your website’s hosting service. A clearing of all website and server cache fixes most issues.
If you still cannot figure out why the location is not displaying, feel free to submit a support ticket and I will be more than happy to help you!
TLDR; Sometimes a small change is difficult. Give it a few minutes, and if you get frustrated I am here to help you! Submit a support ticket on wordpress.org or open a new issue on the Github repository and I will help get you up and running!
Yes! You can choose to display just the name of the location or the name of the location and the full address of the location underneath the location name. See the screenshots for all of the different ways you can display information within the tooltip.
Hover over Settings
in the left-hand sidebar within the administration area of your WordPress website. Click on Display Event Location for The Events Calendar
from the flyout that appears.
Once the page loads, find the Tooltip Message Before Venue/Location Name
textbox. If you want to change the phrase that is displayed before the name of an event’s venue/location, change the text to what you would like it to display. If you do not want anything to appear before the name of the event’s venue/location, simply remove all text from this textbox.
Once the you have made your desired change(s), click the blue Save Changes
button.
Once the page reloads, scroll to the bottom of the page. Under the “Preview Tooltip” area, the fake tooltip should display your custom message (or none at all) before the event’s venue/location name.
Hover over Settings
in the left-hand sidebar within the administration area of your WordPress installation. Click on Display Event Location for The Events Calendar
from the flyout that appears.
Once the page loads, click the checkbox for the Show Full Venue Address Inside Tooltip
option. Once the checkbox is checked, click the blue Save Changes
button.
Once the page reloads, scroll to the bottom of the page. Under the “Preview Tooltip” area, the fake tooltip should display both the location and fake street address underneath.
A CSS class system can be used for greater control of the stylization of the elements added to the tooltip by this plugin.
To change the font-size of the venue/location name and street address add the CSS code below to your website.
.deltec-tooltip-message { font-size: 14px; }
Note: This CSS is very basic and is just meant as a starting point. It could be overwritten by a more specific CSS call. Please see the Arbitrary Section on the WordPress Repository page or on the Github Repository README for a detailed list of the CSS classes in use by this plugin.
This plugin uses the location/venue name and address that is entered within the Modern Tribe Event System itself. To change the name or street address of an event location/venue hover over Events
in the administration sidebar and select Venue
from the flyout that appears.
Then select the location that you wish to change the name or address of. Once the page loads you will be able to change the name and address. Once you finish making updates, click the blue Update
button. More information on creating venues can be found here: https://theeventscalendar.com/knowledgebase/k/venue-and-organizer-pages/
Your website must use The Events Calendar 5.0+ OR The Events Calendar Pro 5.0+ for this plugin to correctly modify the tooltip in the month calendar view.
Yes. This will plugin will display the event’s venue name and street address (if you have enabled the address to be displayed) for both regular and featured events. See the screenshots to see how this would look.
No. As of version 4.0.0
of this plugin, only the the new calendar views (v2 views) introduced with The Events Calendar 5.0+ and The Events Calendar Pro 5.0+.
Requires Plugins
functionality and has a formal dependency of The Events Calendar.Requires Plugins
functionality introduced with WordPress 6.5.display-event-locations-tec.php
README.md
/tribe-templates/
.Community
tag.README
includes a simpler description on the plugin’s functionality and improved clarity to both the installation instructions and the plugin FAQs. All in an effort to make things clearer and less overwhelming to new users./tribe-templates/month/tooltip-venue.php
and no longer relies on the title template. This decouples the plugin’s custom tooltip modification from changes that the developers of The Events Calendar might make to the title portion of the tooltip.tribe-templates/
tribe-templates/month/
tribe-templates/month/tooltip-venue.php
plugin.php
to display-event-locations-tec.php
display-event-locations-tec.php
README.md
/includes/settings-page/admin-menu.php
/includes/settings-page/settings-callbacks.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-register.php
/includes/settings-page/settings-validate.php
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
plugin.php
README.md
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
README.md
assets/banner-772x250.png
assets/banner-1544x500.png
assets/screenshot-6.png
assets/screenshot-7.png
assets/screenshot-8.png
assets/screenshot-9.png
tribe-events/month/tooltip.php
assets/icon-128x128.png
assets/icon-256x256.png
plugin.php
README.md
Tested up to
tag accordingly.README.md
Tested up to
tag accordingly.Requires PHP
tag accordingly.Requires at least
tag accordingly.$options
variable storing value of get_option('deltec_options', deltec_options_default())
in deltec_on_activate()
.wordpress-[version]-display-event-locations-tec.zip
to display-event-locations-tec.[version].zip
to better support manual plugin updates.plugin.php
README.md
CSS Classes
portion of the Arbitrary Section
of the README..DS_Store
file in tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/
.plugin.php
README.md
tooltip.php
in /tribe-events/month/
..deltec-tooltip-message
in the CSS classes area of the arbitrary section of the README.plugin.php
file.settings-callbacks.php
in includes/settings-page/
.settings-page.php
in includes/settings-page/
.settings-validate.php
in includes/settings-page/
.plugin.php
README.md
includes/settings-page/settings-callbacks.php
includes/settings-page/settings-page.php
includes/settings-page/settings-validate.php
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
/tribe-events/month/tooltip.php
.deltec-tooltip-message
, .deltec-location-name-prefix
, .deltec-location-name
, and .deltec-street-address
. See the Arbitrary Section on CSS Classes on the Github Repository README for more information..deltec-tribe-events-location
has been removed in place of the new robust CSS class system to allow for greater control of the stylization of the location information within tooltip (See Above).plugin.php
README.md
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
/tribe-events/month/tooltip.php
plugin.php
README.md
/assets/screenshot1.png
/includes/settings-page/admin-page.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-register.php
/includes/settings-page/settings-callbacks.php
/includes/settings-page/settings-validate.php
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
/tribe-events/month/tooltip.php
plugin.php
README.md
/includes/settings-page/admin-page.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-callbacks.php
plugin.php
README.md
plugin.php
README.md
/assets/screenshot1.png
/assets/screenshot2.png
/assets/screenshot3.png
/assets/screenshot4.png
/assets/screenshot5.png
/assets/screenshot6.png
/assets/screenshot7.png
/assets/screenshot8.png
/assets/screenshot9.png
/includes/settings-page/admin-page.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-register.php
/includes/settings-page/settings-callbacks.php
/includes/settings-page/settings-validate.php
/tribe/events/month/calendar-body/day/calendar-events/calendar-event/tooltip/title.php
/tribe-events/month/tooltip.php
$deltec_
./includes/settings-page/admin-page.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-register.php
/includes/settings-page/settings-callbacks.php
/includes/settings-page/settings-validate.php
/tribe-events/month/tooltip.php
plugin.php
README.md
/tribe/events/month/tooltip.php
/tribe/events/month/pro/tooltip.php
/tribe-events/month/pro/tooltip.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-register.php
/includes/settings-page/settings-callbacks.php
/includes/settings-page/settings-validate.php
/tribe/events/month/tooltip.php
/tribe/events/month/pro/tooltip.php
/tribe-events/month/tooltip.php
/tribe-events/month/pro/tooltip.php
/assets/screenshot1.png
/assets/screenshot2.png
/assets/screenshot3.png
/assets/screenshot4.png
/assets/screenshot5.png
plugin.php
README.md
/includes/
/includes/settings-page/admin-menu.php
/includes/settings-page/settings-page.php
/includes/settings-page/settings-register.php
/includes/settings-page/settings-callbacks.php
/includes/settings-page/settings-validate.php
tribe-events-location
to deltec-tribe-events-location
.