Purpose

TotalTimeline is designed to allow you to create a timeline or walking tour type of layout with the content from TCMS Blog List.

You add your blog list and layout to TotalTimeline, an SVG Icon and set the styling options.

Key Features

  • Easy Drag and Drop Implementation 
  • Easy Settings to adjust positions and content 
  • A simple, easy way to create a dynamic data Timeline or Walking Tour type page

Install 

Installs like any other stack. Unzip the file, drag and drop onto the RW icon. Restart RW.

Setup/Use

(See gallery for screen shots)
On the public Blog List Page.
1. Add a TotalTimeline stack
2. Add your Blog List stack inside TotalTimeline
3. Add an svg icon for the timeline
4. Add Blog List Layout stack(s) and set the Custom Class to: timeline-content (or timeline-content-left)
5. Add the blog list child stacks for the data you want to display
6. Adjust the TotalTimeline settings to adjust positions of content, timeline and icon

You will probably want to turn on Infinite Scroll in the blog list load more settings.

Optional - Add an animation stack (see gallery images)

Done!


Requires:

Stacks 4 by: Yourhead.
TotalCms  By:  Weavers Space.