Protocol timeline
A program broken into steps over time, split by cadence — daily versus weekly, or week one through twelve. Up to four steps, each with its own detail.
- Merchant-addable
- Yes
- Settings
- 27
- Block types
- 1
- Max blocks
- 4
- File
sections/protocol-timeline.liquid
Used by default on: Home , Product , Product (stage)
Screenshots pending
Captures for Protocol timeline at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Products whose value depends on consistent use over time, where the customer needs to see the commitment before buying rather than discover it after.
Setting it up
- Add the section and write the heading and intro under Content.
- Set your cadence wording under Timeline labels — the words that head each phase.
- Add one Protocol step block per phase, up to four. Each has 14 settings; start with the label, duration, and description.
- Optionally set a Background image. Keep it quiet — the steps are the content.
Where the content comes from
Blocks own the steps. Purely editorial content specific to this instance.
Notes and cautions
- Be realistic about timeframes. A protocol that overpromises produces refund requests at exactly the point the customer expected results.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Content
Timeline labels
Background image
Turn this off to choose a custom background image.
A horizontal image works best. It will appear along the bottom of the section with a soft vignette.
Turn this off to use the product images selected in each protocol step.
Adjust the opacity of the background image and vignette.
Position the image from top to bottom.
Style
Fades the section in on scroll. Respects the theme animation setting and reduced motion.
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.