Home page sections

Sticky scroll story

A scrolling story: steps of text on one side while the picture or video on the other side changes.

Settings

Section width

Setting	What it does
WidthDropdown	Full widthDefaultCustom width
Custom widthSlider	Shown only when it applies to the options chosen above.

Color scheme

Setting	What it does
Use the store's default color schemeToggle	Toggle
Color schemeColour scheme	Shown only when it applies to the options chosen above.

Section background image

Setting	What it does
BackgroundImage	Image
Overlay colorColour	Shown only when it applies to the options chosen above.
Overlay opacitySlider	Shown only when it applies to the options chosen above.

Layout

Setting	What it does
The image stays put while the text scrolls. Add one image or video per step.
Image positionDropdown	LeftRight
Image changeDropdown	RevealSlide upSlide sideways
Image heightSlider	Desktop only. 75% is three quarters of the screen height.
Scroll per stepSlider	How far shoppers scroll for each step. Higher makes the story slower.
Start the image change atSlider	100% starts as the next text appears. Lower waits longer.
Image cornersDropdown	SquareRounded
Text alignmentDropdown	LeftCenterRight
Heading sizeDropdown	H1 — largestH2 — mediumH3 — small
Show step numbersToggle	Toggle
Button styleDropdown	PrimaryOutlineText only

Mobile

Setting	What it does
Image heightSlider	Slider

Spacing

Setting	What it does
Top paddingSlider	Slider
Bottom paddingSlider	Slider

Blocks

Blocks are the pieces you add, remove and reorder inside the section, under Add block.

Step

Setting	What it does
ImageImage	Image
VideoVideo	Plays muted while this step is in view. Shown instead of the image.
SubheadingText	Text
HeadingText	Text
DescriptionRich text	Rich text
Button labelText	Text
Button linkLink	Link