Theme Sections
Scrolling layers
2 min read
How to add a Scrolling layers section to your Shopify store
- In the theme editor (Customize), click Add section.
- Select Scrolling layers section.
- Make necessary changes.
- Save.
How to customize a Scrolling layers section
Section settings
Block settings
| Setting | Description |
|---|---|
| Alignment | Set the header alignment: left, center, or right. |
| Devices | Switch between desktop and mobile padding settings. |
| Bottom | Adjust the spacing below the header. |
📦 Nested dynamic blocks
- Heading – Add a main title
- Subheading – Provide supporting text above or below the heading
- Text – Include additional descriptions or details
- Image – Display an image or icon
- Button – Add a call-to-action
Learn more: Basic
| Setting | Description |
|---|---|
| Image | Select or upload an image to display in the scrolling layer item. Use a minimum width of 800px to keep it sharp and properly fitted. |
| Aspect ratio | Choose how the image is scaled. |
| Corner radius | Adjust the roundness of the image corners. |
| Icon | Select an icon to display alongside the content. |
| Icon size | Set the size of the icon (preset or custom). |
| Width | Adjust the icon width. |
| Width mobile | Adjust the icon width on mobile devices. |
📦 Nested dynamic blocks
- Heading – Add a main title
- Subheading – Provide supporting text above or below the heading
- Text – Include additional descriptions or details
- Button – Add a call-to-action
Learn more: Basic
Last updated