A sticky-stack of full-height panels, each with its own media and content blocks, that pin in place as the next one scrolls over.
In the theme editor's section picker, this appears as "Scrolling panels." See how to build custom layouts with nested sections for a walkthrough.
Layout
- Panel height - minimum panel height as a percentage of the screen height.
Styling
- Color scheme
- Content style
This section also uses the standard Framing text settings described in Theme settings.
Blocks
Add any number of Panel blocks. Each panel has its own settings:
- Show media, then Image or Video (a video overrides the image if both are set), Media position, and Media width.
- Color scheme - each panel can use its own scheme.
Inside each panel, add content blocks:
| Block | What it does |
|---|---|
| Heading | Choose a heading tag. |
| Text | A simple text block. |
| Button(s) | Optionally show a second button alongside the first. |
| Image | Adjustable image width. |
| Collapsible row | Great for FAQs, shipping info, and other tab-style content. |
| Icon with text | Choose an icon (or upload a custom one) and a label. Has its own Content style and color scheme. |
| Stars | Set a rating from 1 to 5. |
| Countdown | Set an end date and time, plus a message to show once it's expired. |
| Newsletter | A signup form. |
| Rotating element | A rotating badge of text or an image. |
| Custom liquid | Add your own Liquid code. |