Skip to content

Scrolling image story

Add it to any template with Add section, under Storytelling.

Settings

Layout

SettingWhat it doesDefault
Desktop image effectMenu

How the pinned image swaps as each scene becomes active.

Options: Reveal wipe, Fade, Slide.

Fade
Pinned image shapeMenu

Options: Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9).

Portrait (4:5)
Corner radiusMenu

Options: None, Small, Medium, Large, Extra large.

Extra large
Image positionMenu

Options: Left, Right.

Left
Scroll lengthMenu

How much scroll each scene takes up.

Options: Small, Medium, Large.

Medium
Show counterCheckboxOn
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.

Options: Stack, Carousel.

Stack

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Contained
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

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

Options: Theme default, None, Small, Medium, Large.

Theme default

Blocks

The section holds up to 15 blocks.

Scene

SettingWhat it doesDefault
Media typeMenu

Options: Image, Video.

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

Options: None, Cart, Store, Tag, Package, Gift, Truck, Return, Shield check, Lock, Award, Leaf, Star, Heart, Sparkle, Check, Info, Clock, Support, Phone, Mail, Map pin, Globe, Calendar, User, Paw, Flag, Rocket, Target.

None
Custom iconImage

Optional. Replaces the icon. 96 x 96px .png recommended.

None
Icon widthSlider

From 16px to 96px, in steps of 4px.

40px
Text above headingTextNone
HeadingTextScene heading
BodyFormatted textNone
Button labelTextNone
LinkLinkNone

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.