Default Use
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.
january, 2022
Colorful Events
Colorful events can be enabled easily via shortcode to add lots of color to your events.
[add_eventon eventtop_style='2']
january, 2022
Event Bubbles
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.
[add_eventon eventtop_style='3']
january, 2022
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" ]
january, 2022
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"]
january, 2022
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" ]
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.
[add_eventon show_et_ft_img='yes']
january, 2022
Clean White EventTop Calendar
You can switch to our legacy clean eventtop design easily using shortcode eventtop_style=’0′ in any of the calendar.
[add_eventon eventtop_style='0']