Scrolling banner

sections/scrolling-banner.liquid

Settings

Setting	ID	Type	Default	Notes
Scrolling
Speed	speed	Slider	60	Pixels travelled per second. Because it is a speed rather than a loop time, adding blocks makes the banner longer without making it faster. Range: 20–200 step 10.
Direction	direction	Dropdown	left	Options: Right to left, Left to right.
Pause on hover	pause_on_hover	On/off	On	Hover is unavailable on touch and to keyboard users, so the pause button is always shown as well.
Layout
Section height	height	Slider	64	Range: 40–200 step 4.
Space between items	gap	Slider	40	Range: 0–120 step 4.
Make section full width	full_width	On/off	On
Top padding	padding_top	Slider	0	Range: 0–120 step 4.
Bottom padding	padding_bottom	Slider	0	Range: 0–120 step 4.
Style
Color scheme	surface	Dropdown	accent	Options: Background, Surface, Primary, Accent.
Dividing lines	dividers	Dropdown	none	Options: None, Top, Bottom, Top and bottom.

Blocks

Text (text)

Setting	ID	Type	Default	Notes
Text	text	Text	Free delivery over £40
Size	size	Dropdown	medium	Options: Small, Medium, Large, Extra large.

Icon (icon)

Setting	ID	Type	Default	Notes
Icon	icon	Dropdown	star	Options: None, Star, Leaf, Flower, Heart, Sun, Moon, Water, Feather, Award, Shield, Delivery, Earth.
Size	size	Slider	20	Range: 12–60 step 4.

Image (image)

Setting	ID	Type	Default	Notes
Image	image	Image
Image description	alt	Text		Leave empty if the image is decorative, such as a logo repeated for effect.
Width	width	Slider	100	Range: 40–240 step 10.

Button (button)

Setting	ID	Type	Default	Notes
Label	label	Text	Shop now
Link	link	Link
Style	style	Dropdown	secondary	Options: Primary, Secondary, Text.

Maximum blocks: 12

Presets

Available in Add section: Scrolling banner