Events Calendar Pro enhances The Events Calendar by adding premium features when installed and activated alongside The Events Calendar. Events Calendar Pro comes with a number of template files that determine how the plugin looks and behaves. We call these templates views because they create the pages you see on your site.
Each template can be copied and customized in your theme folder. The following is an outline of all of the available templates included with Events Calendar Pro. Templates for The Events Calendar are documented in a separate article.
List View
Events Calendar Pro adds the following template to the calendar list view when enabled. The following template is located at: /wp-content/plugins/events-calendar-pro/src/views/v2/list/event/
.
Template | What it Does |
---|---|
recurring.php | Displays the icon for an event in a series in the calendar list view |
Month View
Events Calendar Pro features additional templates that are added to the calendar month view when enabled. The following templates are located at: /wp-content/plugins/events-calendar-pro/src/views/v2/month/
.
Template | What it Does |
---|---|
recurring.php | Displays the icon for a series event in month view |
tooltip/recurring.php | Displays the icon for a series event in a month view tooltip when an event is hovered |
mobile-event/recurring.php | Displays the icon for a series event in month view on small screens |
Map View
The following templates are located at: /wp-content/plugins/events-calendar-pro/src/views/v2/map/
.
Template | What it Does |
---|---|
map.php | The main container for the view. |
event-cards.php | The main wrapper for the list of individual events in map view |
event-cards/event-card.php | The wrapper for an individual event in map view |
event-cards/event-card/actions.php | Imports actions for single events in map view |
event-cards/event-card/actions/cost-spacer.php | Adds spacing around the event cost element |
event-cards/event-card/actions/cost.php | Displays the event cost |
event-cards/event-card/actions/details-spacer.php | Adds pacing around the details element |
event-cards/event-card/actions/details.php | Displays the event details |
event-cards/event-card/actions/directions-spacer.php | Adds spacing around the event directions |
event-cards/event-card/actions/directions.php | Displays the link to event directions |
event-cards/event-card/event.php | The wrapper for the content of a single event in the map view list of events |
event-cards/event-card/event/date-time.php | Displays the event date and time |
event-cards/event-card/event/distance.php | Displays the distance to the event location |
event-cards/event-card/event/featured-image.php | Displays the featured image of the event post |
event-cards/event-card/event/title.php | Displays the event title |
event-cards/event-card/event/venue.php | Displays the event venue |
event-cards/event-card/tooltip.php | Displays the tooltip when an individual event is hovered in map view |
event-cards/event-card/tooltip/cost.php | Displays the event cost in the tooltip |
event-cards/event-card/tooltip/date-time.php | Displays the event date and time in the tooltip |
event-cards/event-card/tooltip/navigation.php | Displays the next and previous buttons in the tooltip |
event-cards/event-card/tooltip/title.php | Displays the event title in the tooltip |
event-cards/event-card/tooltip/venue.php | Displays the event venue in the tooltip |
event-cards/event-card/date-tag.php | Displays the month and date range for the list of events currently in view |
event-cards/nav.php | The wrapper for navigation in map view |
event-cards/nav/next-disabled.php | Controls the disabled state of the “next” navigation when no more upcoming events are available |
event-cards/nav/next.php | Displays the button to paginate forward in map view |
event-cards/nav/prev-disabled.php | Controls the disabled state of the “previous” navigation when no more upcoming events are available |
event-cards/nav/prev.php | Displays the button to navigate backwards in map view |
event-cards/nav/today.php | Displays the button to return to the current day in map view |
map/google-maps.php | The container that holds the Google Maps embed |
map/google-maps/default.php | Renders Google Maps using the default API key provided by the plugin |
map/google-maps/premium.php | Renders Google Maps using a custom API key |
top-bar.php | Displays the area containing navigation for the view |
top-bar/nav/prev.php | Displays the previous navigation link |
top-bar/nav/next-disabled.php | Controls the next page navigation link when there are no more pages with upcoming events |
top-bar/nav.php | Displays the navigation inside the top bar |
top-bar/today.php | Displays the “Today” button in the top bar |
top-bar/datepicker.php | Displays the date picker input in the top bar |
Photo View
The following templates are located at: /wp-content/plugins/events-calendar-pro/src/views/v2/photo/
.
Template | What it Does |
---|---|
photo.php | The main container for photo view |
event.php | The container for an individual event in photo view |
event/cost.php | Displays the event cost |
event/date-tag.php | Displays the month and day number for an event |
event/date-time.php | Displays the event date and time |
event/featured-image.php | Displays the featured image for an event post |
event/title.php | Display the event title |
nav.php | The container for photo view navigation |
nav/next-disabled.php | Disabled the next navigation link when no upcoming events are available |
nav/next.php | Displays the next navigation link when upcoming events are available |
nav/prev-disabled.php | Disabled the previous navigation link when no earlier events are available |
nav/prev.php | Displays the previous navigation link when earlier events are available |
nav/datepicker.php | Displays the date picker input in the view navigation |
nav/today.php | Displays the button to return to the current day |
top-bar.php | Displays the area above the view |
top-bar/nav.php | Displays the navigation for the next and previous links inside the top bar |
top-bar/nav/next-disabled.php | Disables the next navigation link in the top bar when no upcoming events are available |
top-bar/nav/next.php | The link in the top bar when more upcoming events are available |
top-bar/nav/prev-disabled.php | Disables the next navigation link in the top bar when no previous events are available |
top-bar/nav/prev.php | Disabled the previous navigation link in the top bar when previous events are available |
top-bar/today.php | Displays the “Today” button in the top bar |
top-bar/datepicker.php | Displays the date picker input in the top bar |
Week View
The following templates are located at: /wp-content/plugins/events-calendar-pro/src/views/v2/week/
.
Template | What it Does |
---|---|
week.php | The main wrapper for week view |
day-selector.php | The container for selecting dates in the view |
day-selector/days.php | The list of days in the date selector |
day-selector/days/day.php | Displays an individual date in the day selector |
day-selector/nav.php | Contains the previous and next navigation links in the day selector |
day-selector/nav/prev.php | Displays a previous navigation link in the day select |
day-selector/nav/next.php | Displays a next navigation link in the day select |
grid-body.php | The container for the grid of dates in week view |
grid-body/events-day.php | The container for an individual date in week view |
grid-body/events-day/event.php | The container for an event in a week view date column |
grid-body/events-day/event/date.php | Displays the event date for an event in week view |
grid-body/events-day/event/featured-image.php | Displays the featured event for an event displayed in week view |
grid-body/events-day/event/title.php | Displays the title of an event in week view |
grid-body/events-day/event/tooltip.php | The container for a tooltip when an event is hovered in week view |
grid-body/events-day/event/tooltip/cost.php | Displays the event cost in the tooltip that displays when an event is hovered in week view |
grid-body/events-day/event/tooltip/date.php | Displays the event date in the tooltip that displays when an event is hovered in week view |
grid-body/events-day/event/tooltip/description.php | Displays the event description in the tooltip that displays when an event is hovered in week view |
grid-body/events-day/event/tooltip/featured-image.php | Displays the event featured image in the tooltip that displays when an event is hovered in week view |
grid-body/events-day/event/tooltip/title.php | Displays the event title in the tooltip that displays when an event is hovered in week view |
grid-body/events-day/multiday-events-day/more-events.php | Displays the links when more events are available to view than what is currently displayed |
grid-body/events-day/multiday-event-spacer.php | Adds spacing around multi-day events in week view |
grid-body/events-day/multiday-event.php | Displays multi-day events in week view |
grid-body/events-row-header.php | The container for the week view grid header |
grid-body/multiday-events-row-header.php | The container for the week view grid header when multi-day events are displayed |
grid-body/multiday-events-row-header/multiday-events-row-header-toggle.php | Contains the toggle control for displaying the row of multi-day events in week view |
grid-header.php | The container for the header row of the week view grid of displayed dates |
grid-header/header-column.php | The content for the header row of the week view grid of displayed dates |
mobile-events.php | The container for events when displayed on small screens |
mobile-events/day.php | The container for a day in week view when viewed on small screens |
mobile-events/day/event.php | The container for an event on a date in week view when viewed on small screens |
mobile-events/day/event/cost.php | Displays the event cost in week view when viewed on small screens |
mobile-events/day/event/date.php | Displays the event date in week view when viewed on small screens |
mobile-events/day/event/featured-image.php | Displays the event featured image in week view when viewed on small screens |
mobile-events/day/title.php | Displays the event title in week view when viewed on small screens |
mobile-events/day/venue.php | Displays the event venue in week view when viewed on small screens |
mobile-events/day/time-separator.php | Displays a separator between the date and time in week view when viewed on small screens |
mobile-events/day/type-separator.php | Displays a separator between the event time and the whether the event type is all-day or ongoing |
mobile-events/nav.php | The navigation for week view when displayed on small screens |
mobile-events/nav/next-disabled.php | Disables the button to view more upcoming events in week view when viewed on small screens and no upcoming events are available |
mobile-events/nav/next.php | Displays the button to view more upcoming events in week view when viewed on small screens |
mobile-events/nav/prev-disabled.php | Disables the button to view previous events in week view when viewed on small screens and no previous events are available |
mobile-events/nav/prev.php | Displays the button to view previous events in week view when viewed on small screens |
mobile-events/nav/today.php | Displays the button to return to the current date when week view is viewed on small screens |
top-bar.php | Displays the area above the view |
top-bar/datepicker.php | Displays the date picker input in the top bar |
top-bar/nav.php | The container holding the previous and next links in the top bar. |
top-bar/nav/next-disabled.php | Displays the disabled next navigation link when no upcoming events are available |
top-bar/nav/next.php | Displays the next navigation link when upcoming events are available |
top-bar/nav/prev-disabled.php | Disabled the disabled previous navigation link when no earlier events are available |
top-bar/nav/prev.php | Displays the the previous navigation link when earlier events are available |
Summary View
The following templates are located at: /wp-content/plugins/events-calendar-pro/src/views/v2/summary/
.
Template | What it Does |
---|---|
summary.php | This is the main template for summary view – it is found at /wp-content/plugins/events-calendar-pro/src/views/v2/summary .php. It contains the main structure and calls all the following templates. |
date-group.php | The container and structure for a single displayed day |
date-group/date-tag.php | The date tag for a single day |
date-group/event.php | A single event |
date-group/event/cost.php | The cost for a single event |
date-group/event/date.php | The structure and logic for the date of a single event |
date-group/event/date/all-day.php | The date for an all-day event. Also for “middle” days of a multi-day event |
date-group/event/date/meta.php | The date for event date meta (currently empty) |
date-group/event/date/multiday-end.php | The date for the last day of a multi-day event |
date-group/event/date/ | The date for the first day of a multi-day event |
date-group/event/date/recurring.php | The series icon for series events |
date-group/event/date/single.php | The start and end times for an event |
date-group/event/title.php | The title for a single event |
date-group/event/title/featured.php | The featured icon for featured events |
date-separator.php | The separator for displayed days – a horizontal line. |
month-separator.php | The separator for displayed months – a date and a horizontal line. |
nav.php | The container for summary view navigation (at the bottom of the view) |
nav/next-disabled.php | Controls the disabled state of the “next” navigation when no more upcoming events are available |
nav/next.php | Displays the button to paginate forward in summary view |
nav/prev-disabled.php | Controls the disabled state of the “previous” navigation when no more upcoming events are available |
nav/prev.php | Displays the button to paginate backward in summary view |
nav/today.php | Displays the button to return to the current time period for summary view |
top-bar.php | Displays the area above the view, including datepicker and navigation |
top-bar/datepicker.php | Displays the date picker input in the top bar |
top-bar/nav.php | The container holding the previous and next links in the top bar. |
top-bar/nav/next.php | Displays the next navigation link when more upcoming events are available |
top-bar/nav/next-disabled.php | Displays the disabled next navigation link when no more upcoming events are available |
top-bar/nav/prev.php | Displays the previous navigation link when earlier events are available |
top-bar/nav/prev-disabled.php | Displays the disabled previous navigation link when no earlier events are available |
Single Events
The following templates are located at: /wp-content/plugins/events-calendar-pro/src/views/pro/
. Instead of creating a tribe-events
folder in your theme, these blocks will go into a /tribe/events-pro/
folder.
Template | What it does |
---|---|
modules/meta/additional-fields.php | Displays additional (custom) fields to the single event meta section |
related-events.php | Displays related events in the event single. |
Organizers
The following template is located at: /wp-content/plugins/events-calendar-pro/src/views/v2/organizer/
.
Template | What it Does |
---|---|
meta.php | The wrapper for organizer information |
meta/content.php | Displays the content for an organizer post |
meta/details/details.php | Contains the details of an organizer post |
meta/details/email.php | Displays the email address in the organizer details |
meta/details/phone.php | Displays the phone number in the organizer details |
meta/details/website.php | Displays the website address in the organizer details |
meta/title.php | Displays the organizer title |
Venues
The following template is located at: /wp-content/plugins/events-calendar-pro/src/views/v2/venue/
.
Template | What it Does |
---|---|
meta.php | The wrapper for venue information |
meta/content.php | Displays the content for a venue post |
meta/details/details.php | Contains the details of a venue post |
meta/details/address.php | Displays the venue address in the venue details |
meta/details/phone.php | Displays the venue phone number in the venue details |
meta/details/website.php | Displays the venue website address in the venue details |
meta/title.php | Displays the venue title |
Settings
The following template is located at: /wp-content/plugins/events-calendar-pro/src/views/v2/recurrence/
.
Template | What it Does |
---|---|
hide-recurring.php | Renders the “Condense Events Series” option in calendar views. |
Location Search
The following template is located at: /wp-content/plugins/events-calendar-pro/src/views/v2/location/
.
Template | What it Does |
---|---|
form-field.php | Adds a location option to the calendar search. |
Blocks
This is a list of templates for events that are created using the WordPress block editor and located at: /wp-content/plugins/events-calendar-pro/src/views/blocks/
. Note that these templates go into a different folder in your theme if you plan on overriding them. Instead of creating a tribe-events
folder in your theme, these blocks will go into a /tribe/events-pro/blocks/
folder.
Template | What it Does |
---|---|
additional-fields/checkbox.php | The block for adding a custom checkbox input to an event |
additional-fields/dropdown.php | The block for adding a custom select input to an event |
additional-fields/radio.php | The block for adding a custom radio input to an event |
additional-fields/text.php | The block for adding a custom text input to an event |
additional-fields/textarea.php | The block for adding a custom textarea field to an event |
additional-fields/url.php | The block for adding a custom URL input to an event |
related-events.php | The container for related events |
related-events/event-info.php | Displays the content for a related event |
related-events/event-thumbnail.php | Displays the event thumbnail for a related event |
related-events/event.php | The container for a related event |
related-events/title.php | Displays the title of a related event |