Appearance
Parallax
A full-width image with a parallax scroll effect. The image moves slower than the page as visitors scroll, creating a sense of depth. Great for breaking up content sections.
Try it
Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.
Storefront preview
Settings
| Setting | What it does |
|---|---|
| Color scheme | Picks which set of colors to use for the text overlay |
| Image | The background image — use something at least 1920px wide and tall enough for the parallax effect |
| Image height | How tall the section is — 300 to 800 pixels |
| Overlay opacity | A dark layer over the image so text stays readable. The default is 40%; adjust in increments of 10%. |
| Heading | The main text displayed over the image |
| Text | A supporting message below the heading |
| Button label | What the button says. Leave empty to hide the button |
| Button link | Where the button takes people when clicked |
| Text alignment | Left, center, or right |
Blocks
This section does not use blocks.
Tips
- Choose an image with a clear focal point that won't get cropped awkwardly as the parallax shifts it. Landscape photos with a centered subject work best.
- The parallax effect is disabled on mobile for performance. Mobile visitors see a static background image instead.