The Event Calendar plugin will look like this out of the box after you have added few events. By default the calendar events will slide down once a viewer click on the event.
Colorful events can be enabled easily via shortcode to add lots of color to your events.
Generate excitement among your website visitors with EventON event bubbles. When clicked on a bubble the event details will be opened as lightbox or as single event page.
Tile View of Calendar
EventOn Calendar comes in a tile style layout. You can achieve this easily with the below shortcode. Tile view is also compatible with our other addons. You can add upto 4 tiles in a row (per each month). And they are build to be responsive, so when you view the calendar on a smaller screen tiles will shrink down to lesser tiles per row.
IMPORTANT: Tile view on event list version will not show multiple tiles in a row regardless of month.
You will need to use event lists ext. addon in order to show continuous row of tiles from other months.
[add_eventon tiles="yes" tile_count="3" tile_height="250" ]
Tile View of Calendar with Images
Tile version of eventON can also be modified via shortcode to show event features images as the tile background image instead of event color. If an event does not have an image the event color will show as background color. Below shortcode in eventON can achieve this.
[add_eventon tiles="yes" tile_count="3" tile_bg="1"]
Tile View with Event Details Below
Another layout modification of the tile view is to show tiles with event details below the event image.
[add_eventon tiles="yes" tile_bg="1" tile_style="1" ]
EventON calendar comes with filters that can be turned on to allow viewer to easily filter through events to find what they exactly need. EventON support 2 styles of filtering — dropdown filter and multi checkbox filtering. NOTE: Below examples have event counts limited to 1 event.
[add_eventon exp_so="yes" ]
Calendar with Month Jumper
You can enable the month jumper for eventON using the below shortcode. This will allow users to easily jump to other months. Below example show the jump month section open by default and it can be set to open on click of the button.
[add_eventon jumper="yes" exp_jumper="yes" ]
Open Calendar Events as Lightbox
You can set the calendar events to be opened as in-window lightboxes using below shortcode.
[add_eventon ux_val='3' ]
Open Calendar Events as Single Event Page
Below shortcode will open events in its own single event page. This gives users a clear non distracted view of the event information.
Learn moe: How to customize single event page
[add_eventon ux_val='4 ']
Calendar with events from Dress-code = formal Event Type only
This variation of the calendar can show events only belonging to a certain event types. In this example below we are showing events that have event_type category set as “formal”.
Calendar with thumbnails on eventTop
This calendar version calendar will show a thumbnail of the event’s featured image on the EventTop.
Learn more: How to set featured image for event.
Accordion effect calendar
This version for eventON will make the calendar “slide down” events close all other slided down events close first while creating an accordion effect. This only work for slide down interaction state events only.
Don’t do anything when clicked
Using the shortcode variations below you can set the calendar to not do anything when someone click on the events. This is a good example when you want to ONLY show few events and have a link at the bottom of the events that link to a full list of events.
Load more events as you go
You can also set eventON calendar to show X number of events on initial load and have rest of the events show up in increments as needed. In the example below we are showing 1 event and load more events button will show events one by one.
[add_eventon event_count='1' show_limit='yes']
Load more events as you go via AJAX
EventON also allow you to load more events via AJAX driven pagination. This method will allow you to load only few events on the website at first without draining resources and visitor can load more events as needed via AJAX. (Above method load all events on load and show events in increments)
[add_eventon event_count='1' show_limit="yes" show_limit_ajax="yes" ]
Single Event Box
With EventON you can show just that one event only in your website via shortcode pasted exactly where you wanted the single event box to look just like the below example. You can further customize what you want to happen when clicked on these event boxes – below example will redirect to single event page. This event box can also be set to open as lightbox, external link, slide down or do nothing.
ICS download all events
Apart from allowing individual events to be added to calendar and google calendar you can also allow users to download all the calendar events as a ICS file (example below).
EventON calendar also comes with its own search box that allows your website visitors to search for events easily. You can implement a search box like below or have the search bar appear above calendar to allow searching only events in calendar view range.
[add_eventon_search number_of_months="2" search_all="yes" ]
Location, Organizer and Event Types Archive Page
EventON calendar auto generates archive pages for location, organizer and all event types. These archive pages show information about the taxonomy term and a list of all the events in this term (eg. events at this location) as a event list calendar.Location Archive Page
Basic Event List
The basic event list version of eventON can show set number of months of events as an event list. The separating month titles can be removed via shortcode as well to further customize. You can also hide empty months in the list and hide repeating events between months.
[add_eventon_list number_of_months="3" show_year="yes" ]
Other Variations of EventON
Below are several other variations you can achieve with eventON main calendar plugin.Upcoming Event List Past Events List RTL Calendar Tile Event List Search