Brand Story
Timeline / Process
Section handle:
timeline
Settings
Layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Variant | Dropdown | vertical | Choose the visual style for the timeline steps. · Options: vertical – Vertical (default), horizontal – Horizontal (3–5 steps), vertical_images – Vertical with images |
| Alignment | Dropdown | left | Affects alignment only. · Options: left – Left, center – Center |
| Image position (Vertical with images) | Dropdown | left | Affects alignment only. · Options: left – Left, right – Right, alternate – Alternate (L/R/L/R) |
| Gutter spacing | Dropdown | standard | Affects spacing only. · Options: compact – Compact, standard – Standard, spacious – Spacious |
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Section button label | Text | — | Optional. Leave blank to hide. |
| Section button link | URL / Link | — | Optional. Leave blank to disable. |
Style
| Setting | Type | Default | Description |
|---|---|---|---|
| Step indicator type | Dropdown | number | Select an option. · Options: number – Numbered, icon – Icon, number_icon – Number + icon, dot – Minimal dot |
| Indicator shape | Dropdown | circle | Select an option. · Options: circle – Circle, square – Square, diamond – Diamond, outline – Outline |
| Connector line | Dropdown | solid | Select an option. · Options: solid – Solid, dashed – Dashed, dotted – Dotted, none – None |
Blocks
Step
Block type:
step
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Step label (optional override) | Text | — | Optional. Leave blank to hide. |
| Icon (optional) | Image | — | Select an image to display. |
| Title | Text | — | Optional. Leave blank to hide. |
| Description | Rich text | — | Optional. |
| Image (optional; used in Vertical with images) | Image | — | Select an image to display. |
| Image alt text (optional) | Text | — | Used for accessibility purposes. |
| Button label (optional) | Text | — | Optional. Leave blank to hide. |
| Button link (optional) | URL / Link | — | Optional. Leave blank to disable. |
Default Configuration
When you add this section from the Theme Editor, it comes pre-configured with:
- Timeline / Process — 3× Step