Grouped Design

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, 2018

8:00 pm Rock Concert

May 14, 2018

10:00 am Movie Marathon

Include the Venue

Note that the first event does not have a venue.

[ecs-list-events design="grouped" venue="true" limit="10"]

May 1, 2018

8:00 pm Rock Concert @ Doug Fir Lounge
8:00 pm Late Night Party @ Party Haus

May 14, 2018

10:00 am Movie Marathon @ Winchester Mystery House

Include the Cost

[ecs-list-events design="grouped" cost="true" limit="10"]

May 1, 2018

8:00 pm Rock Concert - $15 – $40
8:00 pm Late Night Party - $5

May 14, 2018

10:00 am Movie Marathon - $20

Group by Month

You can group the events by the month, instead of by day.

[ecs-list-events design="grouped" groupby="month" limit="10"]

April 2018

Friday 6: 6:00 pm Dinner Party
Saturday 7: 1:30 pm Cupcake Decorating

May 2018

Tuesday 1: 8:00 pm Rock Concert
Tuesday 1: 8:00 pm Late Night Party
Monday 14: 10:00 am Movie Marathon

June 2018

Friday 15: 12:00 pm Board Meeting
Monday 25: 3:30 pm Birthday Party

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 2018

Friday 6: Dinner Party
Saturday 7: Cupcake Decorating

May 2018

Tuesday 1: Rock Concert
Tuesday 1: Late Night Party
Monday 14: Movie Marathon

June 2018

Friday 15: Board Meeting
Monday 25: Birthday Party

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"]

August 14, 2019

10:00 am Movie Marathon

August 23, 2019

September 1, 2019

8:00 pm Rock Concert

September 15, 2019

12:00 pm Board Meeting

September 25, 2019

3:30 pm Birthday Party

Buy The Events Calendar Shortcode Pro

Still have questions? View the detailed documentation or ask us!