Scrolling image story
Add it to any template with Add section, under Storytelling.
Settings
Layout
| Setting | What it does | Default |
|---|---|---|
| Desktop image effectMenu | How the pinned image swaps as each scene becomes active. | Fade |
| Pinned image shapeMenu | Portrait (4:5) | |
| Corner radiusMenu | Extra large | |
| Image positionMenu | Left | |
| Scroll lengthMenu | How much scroll each scene takes up. | Medium |
| Show counterCheckbox | On | |
| Show progress dotsCheckbox | Lets shoppers jump to any scene without scrolling. | On |
| Mobile layoutMenu | Phones never pin the image. Stack shows each image above its text; carousel turns the scenes into a swipeable row. | Stack |
Section style
| Setting | What it does | Default |
|---|---|---|
| WidthMenu | Contained | |
| ColorMenu | Default | |
| BackgroundColor | Shown when Color is Custom. | None |
| Background gradientGradient | Shown when Color is Custom. | None |
| Text colorColor | Leave blank to auto-pick black or white for contrast. Shown when Color is Custom. | None |
| Vertical spacingMenu | Theme default |
Blocks
The section holds up to 15 blocks.
Scene
| Setting | What it does | Default |
|---|---|---|
| Media typeMenu | Image | |
| ImageImage | Shown when Media type is Image. | None |
| VideoVideo | Plays muted on a loop behind the content. Shoppers who reduce motion see the poster frame. Shown when Media type is Video. | None |
| IconMenu | None | |
| Custom iconImage | Optional. Replaces the icon. 96 x 96px .png recommended. | None |
| Icon widthSlider | 40px | |
| Text above headingText | None | |
| HeadingText | Scene heading | |
| BodyFormatted text | None | |
| Button labelText | None | |
| LinkLink | None |
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.