Narrivelle
Pinned visual story
Tell an image-led story through sequential chapters of editorial content.
Home page
Build a focused visual sequence
Open Customize → Home page → Add section → Pinned visual story. Desktop keeps the visual panel in view; mobile shows each chapter image inline.
Section heading
Eyebrow and Heading introduce the sequence. Heading size, Heading alignment, and Text position set the presentation of this opening content.
Media layout
Image width and Image height define the larger-screen media panel. Media position places the panel left or right of the chapter content.
Chapter presentation
Show chapter index displays the sequential numbers. Chapter heading size, Chapter text size, and Chapter alignment apply consistently to every chapter.
Motion and color
Enable image flip animates the active media change, while Enable chapter wheel adds the scroll-led chapter effect. Background color sets the full section surface.
Chapter blocks
Use at least three Chapter blocks for the best visual rhythm. Each chapter has its own story image, heading, text, and optional link.
Settings reference
Use this reference while working in the Theme Editor. Setting names match the Narrivelle controls.
| Theme Editor setting | What it controls | Use and review |
|---|---|---|
| Eyebrow / Heading / Heading size / Heading alignment | Creates and styles the section introduction. | Use these controls for the opening title above the story layout. |
| Text position | Sets the horizontal position of the section introduction. | Choose Left, Center, or Right to match the wider composition. |
| Image width / Image height / Media position | Controls the size and left-or-right placement of the sticky media panel on larger screens. | The media panel is replaced by chapter-level images on compact screens. |
| Show chapter index / Chapter heading size / Chapter text size / Chapter alignment | Controls the shared visual treatment of the chapter sequence. | These values apply to every Chapter block. |
| Enable image flip / Enable chapter wheel | Enables the media transition and scroll-led chapter motion. | The content remains available when reduced motion is preferred. |
| Background color | Sets the background behind the whole visual story. | Use a color that supports the chapter text and imagery. |
Chapter block
Use at least three Chapter blocks for the best visual rhythm.
Chapter
Adds one visual and text step to the story sequence.
- Settings
- Story image; Heading; Text; Link label; Link.
- Review
- Image, Heading, or Text makes the chapter available in the sequence. The optional link appears only when both Link label and Link are set.