How to Show Upcoming and Past Events on One Page in EventPrime

Overview

Many event sites want one “Events” page with two parts: what’s coming up, and what has already happened. Upcoming events help visitors book. Past events show that your organization is active, and they’re good for photos, recaps and recordings. With EventPrime you can build this page with two shortcodes.

Requires: EventPrime 4.3.5.1 or later (free). Earlier versions could show past events in the upcoming list after visitors clicked Load More.

The Two Shortcodes

• upcoming="1" shows upcoming events only. upcoming="0" shows past events only. Leave upcoming out to show all events.
• order="asc" lists the nearest upcoming event first. For past events, order="desc" lists the most recent one first.
• show sets how many events load at first. Visitors click Load More for the next set. Each list’s Load More loads only that list’s events.
• disable_filter="1" hides the search and filter bar. The bar is designed for one list per page, so keep it on one list at most.
• view can be rows, square_grid or staggered_grid (the views that use Load More). The two lists can use different views.

Build the Page

1. Go to Pages > Add New Page (or open your existing Events page).
2. Add a Heading block, for example “Upcoming events”.
3. Add a Shortcode block and paste the upcoming shortcode.
4. Add a second Heading block, for example “Past events”.
5. Add a second Shortcode block and paste the past shortcode.
6. Click Publish (or Update) and view the page.

To narrow either list, add the usual attributes, such as types="3" for one event type or sites="7" for one venue. Every list keeps its own attributes through each Load More.

If a List Is Empty

Two global settings apply on top of the shortcodes. Check them under EventPrime > Settings > Frontend Views > Event Listings:

• Hide Past Events from Event Lists: when it’s on, past events are hidden everywhere, so the past list is empty. Turn it off to use a past events list.
• Hide Upcoming Events: when it’s on, upcoming events are hidden, so the upcoming list is empty.

Also check that the events are published, and that types or sites IDs match existing event types and venues.

Good to Know

• Page caching: after updating EventPrime, clear your page cache (and any JavaScript optimization cache) once, so visitors get the new script.
• Calendar views (month, week, day, listweek) show events in a calendar instead of a list, and don’t use Load More. Use them for one list only.

Related

• EventPrime Shortcodes for Your WordPress Events Site
• How to Manage Frontend Views for Events on WordPress
• EventPrime 4.3.5.1 release notes

Thanks to @didymos234 on WordPress.org, whose report led to this fix.