Calendar & Display
Calendar & Display#
Display events on your site with calendar views, event listings, and various layout options. The plugin provides templates for single events and archives, plus blocks and shortcodes for flexible placement.
Event archive#
The event archive shows all published events at /events/ (or your configured slug).
Archive features#
- Grid layout with event cards
- Featured image, date, venue
- Event status badges
- Pagination
- Category filtering
Customizing the archive#
In Events > Settings > Display:
- Events per page
- Default sort order
- Show/hide past events
- Layout options
Theme override#
Copy templates/archive-emwc_event.php to your theme’s folder to customize the template:
your-theme/event-tickets-for-woocommerce/archive-emwc_event.php
Single event page#
Individual event pages show full details at /events/event-slug/.
Page sections#
- Header with featured image
- Date and time with countdown
- Venue with map
- Organizer information
- Speaker profiles
- Event description
- Ticket purchase area
- Social sharing
- Add to Calendar
Theme override#
Copy templates/single-emwc_event.php to your theme to customize:
your-theme/event-tickets-for-woocommerce/single-emwc_event.php
Calendar views#
Display an interactive calendar showing events by month.
Month view#
Traditional calendar grid with events on their dates. Click a date to see that day’s events in a popup.
List view#
Chronological list of upcoming events. Shows more detail per event than the month view.
Navigation#
- Previous/Next month buttons
- Today button to jump to current month
- Category filter dropdown
Adding a calendar#
Use the Gutenberg block or shortcode:
Block Add the “Event Calendar” block from the Events Manager category.
Shortcode
[emwc_calendar]
Calendar options#
| Option | Block Setting | Shortcode Attribute |
|---|---|---|
| Initial View | View dropdown | view="month" or view="list" |
| Category | Category dropdown | category="workshops" |
| Show Today Button | Toggle | show_today="yes" |
Event lists#
Display events in grid or list layouts.
Grid layout#
Cards arranged in columns. Good for visual browsing.
List layout#
Vertical list with more details per event. Good for detailed schedules.
Adding event lists#
Block Add the “Events List” block.
Shortcode
[emwc_events limit="12" columns="3" layout="grid"]
List options#
| Option | Values | Default |
|---|---|---|
| limit | 1-24 | 12 |
| columns | 1-4 | 3 |
| layout | grid, list | grid |
| category | slug | all |
| featured | yes, no | no |
| show_image | yes, no | yes |
| show_date | yes, no | yes |
| show_venue | yes, no | yes |
| show_excerpt | yes, no | yes |
Upcoming events#
Compact list for sidebars showing next events.
Adding upcoming events#
Widget Add the “EMWC Upcoming Events” widget to a sidebar.
Block Add the “Upcoming Events” block.
Shortcode
[emwc_upcoming limit="5"]
Options#
| Option | Values | Default |
|---|---|---|
| limit | 1-10 | 5 |
| category | slug | all |
| show_image | yes, no | no |
| show_date | yes, no | yes |
| show_venue | yes, no | yes |
Event card#
Embed a single event reference in posts or pages.
Adding event card#
Block Add the “Event Card” block and select an event.
Options#
| Option | Description |
|---|---|
| Event | Select which event to display |
| Show Image | Toggle thumbnail |
| Show Date | Toggle date display |
| Show Venue | Toggle venue name |
Event countdown#
Show a live countdown timer to an event.
Adding countdown#
Block Add the “Event Countdown” block and select an event.
Options#
| Option | Values |
|---|---|
| Event | Select from dropdown |
| Show Title | Toggle event name |
| Show Days | Toggle days counter |
| Show Hours | Toggle hours counter |
| Show Minutes | Toggle minutes counter |
| Show Seconds | Toggle seconds counter |
| Completed Text | Message after event starts |
Widgets#
Upcoming events widget#
Shows upcoming events in widget areas.
Settings:
- Title
- Number of events
- Category filter
Mini calendar widget#
Compact calendar for sidebars.
Settings:
- Title
- Category filter
Gutenberg blocks#
All display options are available as Gutenberg blocks:
| Block | Description |
|---|---|
| Event Calendar | Interactive month/list calendar |
| Events List | Grid or list of events |
| Upcoming Events | Compact event list |
| Event Card | Single event embed |
| Event Countdown | Timer to event |
Find blocks in the Events Manager category when adding blocks.
Block features#
- Live preview in editor
- Settings in sidebar panel
- Responsive by default
- No build step required
Add to calendar#
Let visitors add events to their personal calendars.
Enabling#
In Events > Settings > Display, enable Show Add to Calendar buttons.
Calendar options#
Visitors can add to:
- Google Calendar
- Outlook.com
- Yahoo Calendar
- Apple Calendar (.ics download)
Buttons appear on single event pages below the event details.
Category filtering#
All display methods support category filtering:
- Calendar can filter by category
- Event lists can show specific categories
- Widgets can limit to a category
Create categories at Events > Event Categories.
Styling#
CSS classes#
Main classes for custom styling:
.emwc-calendar {
}
.emwc-events-list {
}
.emwc-event-card {
}
.emwc-upcoming-events {
}
.emwc-countdown {
}
Theme compatibility#
The plugin uses neutral styling that works with most themes. Override styles in your theme’s CSS for custom designs.
Custom templates#
Override any template by copying from plugins/event-tickets-for-woocommerce/templates/ to your-theme/event-tickets-for-woocommerce/.