Radian 3.0 is here — bundles, category showcase and cinematic motion.See what's new

Timeline

Timeline tells a story in steps: your company history, how a product is made, or how an order ships. Show dates beside entries or numbered steps, and draw the line while scrolling.

Timeline.
Timeline.

How to set it up

Step 1: Add the Timeline section

  1. In the theme editor, open the page you want and click Add section under Template.
  2. Search for Timeline and select it (1).
Add section > Timeline.
Add section > Timeline.

Step 2: Set the style

  1. Pick a Style (1): dates beside entries or numbered steps, and Draw the line while scrolling.
Timeline settings.
Timeline settings.

Step 3: Add entries

  1. Add Entry blocks: a label, date, tag, title, text and an image.

Settings reference

Timeline

Timeline
Style Options: Dates beside entries, Numbered steps.
Draw the line while scrolling Turns this on or off.

Entry block

Label
Date
Tag
Title
Text
Image An image from your files.

Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.

Related

Still stuck?

Include your store URL and theme version — we'll get back to you.

Contact support