The grouped design lets you show many events in the same day, grouped together with the date as the header.
[ecs-list-events design="grouped" limit="10"]
May 1, 2024
May 2, 2024
May 14, 2024
Include the Venue
Note that the first event does not have a venue.
[ecs-list-events design="grouped" venue="true" limit="10"]
May 1, 2024
May 2, 2024
May 14, 2024
Include the Cost
[ecs-list-events design="grouped" cost="true" limit="10"]
May 1, 2024
May 2, 2024
May 14, 2024
Group by Month
You can group the events by the month, instead of by day.
[ecs-list-events design="grouped" groupby="month" limit="10"]
Format the date
You can format the date when grouping by month using the dateformat option:
[ecs-list-events design="grouped" groupby="month" dateformat="l d" limit="4"]
November 2024
December 2024
January 2025
Time Format
You can modify the format of the time displayed using the timeformat option. This uses the same format options as WordPress does:
[ecs-list-events design="grouped" timeformat="gA" limit="10"]
Include the date beside each event
You can even use this to add in parts of the date in addition to the time, and use the hideheading option to hide the main heading:
[ecs-list-events design="grouped" timeformat="F d, Y @ gA" hideheading="true" limit="10"]
Group by Month (No start time)
If you want to hide the time of the event, just add timeonly=”false”
[ecs-list-events design="grouped" groupby="month" timeonly="false" limit="10"]
April 2024
May 2024
June 2024
Pagination
Show previous and next links, allowing more events to be displayed by visitors. The amount of events on each page can be controlled using the limit value.
[ecs-list-events design="grouped" pagination="true" limit="3"]
Filter Bar
Let your visitors select the events they want to see with the filter, on any page! See the Filter Bar page for more examples.
[ecs-list-events design="grouped" filterbar="true" pagination="true" filterorder="category, venue, state, country, tag, fromdate"]