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 |
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)
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
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/.