Scrolling banner
Supported blocks
_scrolling-pane
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Full width | full_width | checkbox | false | |
| Block class | class | text | py-2 | |
| Background | bg | color_background | Supports solid or gradient colors. | |
| Use theme background schema | bg_schema | checkbox | false | |
| Fixed background | bg_attachment | checkbox | false | |
| Direction | direction | select | left | |
| Speed | speed | range | 70 | |
| Hold time | interval | range | 2.5 | Seconds a message stays put before the next one slides in. Up and down only. |
| Slide duration | slide | range | 400 | How long one message takes to slide in. Up and down only — keep it short for the snap-in feel. |
| Gap between messages | gap | range | 6 | Spacing scale, 1 = 0.25rem (4px). gap only supports 0-10. |
| Height | height | range | 0 | |
| Pause on hover | pause_on_hover | checkbox | true | |
| Auto background from scrolling pane | auto_bg | checkbox | true | |
| Additional target | bg_target | text |
Option values
- Direction (
direction): To left (left), To right (right), To up (up), To down (down)
Presets
- Scrolling banner
💡 Edit via Shopify Admin → Online Store → Themes → Customize.