Divi Timeline Module


Current Version: 3.1PHP Version Required : 8.0 +WP Version Required : 6.2 +

Billed once per year until cancelled


**********Fully Compatible with Visual Builder**********

A lot of developers and designers just love the look and feel that a timeline gives you. Whether you’re presenting a step by step item, showing chronological data or just featuring some interesting content, a timeline can be the right layout of choice. I have created a couple of exciting new modules module which do just this. Simply add either of the modules and either add each timeline item, content, read more link then style it OR select where the items should come from (ie, posts, pages, portfolio items!). It couldn’t be easier.

See the excellent blog post written by Randy Brown on the Elegant Themes blog for use cases and how to use as well
And this one written by Donjetë Vuniqii on The Elegant Themes Mini Series on how to do things with Divi.

This works responsively also. The alternating item layout in the screenshots works when in 1 column mode and in 1/4, 1/3, 1/2 etc the timeline bar is offset to the left (see screenshots). Each timeline item can have it’s own icon, colour, content and/or read more link so you can showcase your content as you see fit. You can also use Advanced Design Settings within the module to change fonts, colours, padding etc.

To use
Install the plugin as normal
Visit any page with a Divi Page Builder active
Add the Timeline module and configure accordingly

Best used in 1 column layout but will work well (and still responsively) in the smaller column layouts.

Modules Included
Vertical Timeline – Add timeline items just like you would using the tabs module. Add the module itself and then click ‘add item’ for each item then add the content for each one.. nice and east
Post Timeline – This timeline looks the same as the Vertical Timeline except instead of adding items manually, they are pulled from a post type… posts, projects, products etc…
How the sub-layout works

Using the Posts Timeline (instead of the Vertical Timeline) module that comes with this plugin you can create a very flexible and configurable layout for your timeline. To make this as flexible as possible we create a layout which is used repeatedly for each item in the timeline.

Making a new layout is simple.. we first create a ‘timeline item’ template in the Divi library (Divi Library > Add new > Layout (non global)). This will feature normally an image, title and content modules.. Once that is saved you can go ahead and set up your timeline module and select in the first option the layout you just made in the Divi library. It works best with 1 or 2 cols in the sub layout but by all means have a tinker and see what you can come up with! I have included three companion modules to aid the creation of new content.. these being title, content and featured image. To make a really cool timeline with loads of extra information try my Advanced Custom Fields module plugin also available in the store here.

You may install this product on any number of websites that you build for yourself or your clients. You will receive 6 months support and life time updates, after which you may have to purchase a support contract in 6 month packages.


* < V1.3 * - Initial Release * * V1.3 * - Fixed responsive text size/line height issues * - Added more configuration options in advanced design settings across all modules * * V1.4 * - Added new module for posts based timeline * - Added title, content and gallery modules to compliment post timeline module * * V1.5 * - Added more styling settings for each module * - Fixed bug whereby bullet points didn't style properly * * V1.6 * - Numbers instead of icons work in progress * * V1.7 * - Added support for module class and id in the timeline items * * V1.8 * - Fixed date not showing on mobile * * V2.0 * - Refactored code for easier admin * - Moved init to builder_ready for efficiency * * V2.1 * - Added licensing/auto-update * - Updated support for VB!! * - Additional styling settings in the timeline modules * * V2.1.1 * - Fixed fatal error on license page * * V2.2 * - Fixed images in content area issue in Divi 4+

* * V3.0 * - Fixed visual builder of Timeline Title Module * - Fixed and Modified styling option of Timeline Title Module * - Fixed animation and image aligment bug in visual builder of Timeline Image Module * - Fixed visual builder of Timeline Content Module * - Fixed button styling structure of Timeline Content Module' * - Fixed Timeline Vertical Item as a child module * - Added visual builder support for Timeline Vertical Module * - Fixed styling option for Timeline Vertical Module * - Fixed warning and styling option for Timeline Post Vertical Module * - Added visual builder support for Timeline Post Vertical Module

*V3.1 * - Added compatibilty with php 8.1.2