In this area of our Divi Events Calendar plugin documentation, you will learn everything you need to know about using the Events Page module. As you set up and use the module I highly recommend that you also reference the Events Page Module Settings List which includes a summary of every setting that is available and what it does. You should also check out the Events Page Module Demos to see how the module works and get some inspiration.
The Events Page module is the game-changer that unlocks the power of the Divi Builder on single event pages! That’s right, with this module you can now customize the event data and build your event pages entirely with Divi using a combination of standard modules and this Events Page module. Enjoy the power to dynamically display and customize everything related to the individual event pages with all of the features, display options, and design settings. This module can be used to create beautiful dynamic Theme Builder templates that can instantly transform all of your event pages on your Divi website.
In this video I’m going to walk you through how to add the module to your layout, talk about the settings and features that it has, and show you some tips on how to use it.
Make Sure The Correct Template Is Selected
When using Divi with The Events Calendar, you need to have the single event pages set to the correct template. This should be correct by default. You can double-check this setting by going to Events>Settings>Display>Events template. Make sure the dropdown is set to “Default Events Template.”
Using The Divi Builder AND Theme Builder On Event Pages
Note that the “Description” in our Events Page module is best used with Gutenberg/Classic WordPress on the actual event page. But if you want to design individual event pages with the Divi Builder, you will need to turn off the description and add the Post Content Module. When you try to enable the Divi Builder with a Theme Builder template already assigned to the single events pages, you will get a notice as shown below.
Technically the Events Page description should still work if you exit out of the “Missing Post Content Module” popup, but it’s best to follow the normal Divi procedure and use the Post Content module.
“This event has passed” Notice
When an event date is in the past, a notice automatically appears that says “This event has passed.” In version 2.1, we introduced design settings in the Events Page module to style this notice. You can do everything like adjust colors, fonts, spacing, border, shadows, etc.
Where Does This Notice Show?
The notice will only show at the top of the first Events Page module on the page. So if you have multiple Events Page modules, don’t worry, it will only show once. The placement of this can be a bit tricky, since you may have other Divi modules on the page like an image and title text, but you may want this notice to be at the top. A good trick to use is to turn off every setting in the Events Page module. Then adjust the design of the past events message and place that module at the top of the page. This module will act as the notice only, and then you can use other modules for the other event details.