Hero & banners
Pixelion - 3D Parallax
What it is
A hero with a parallax effect: several image layers move at different speeds as shoppers scroll, with a content block on top.
When to use it
- Create a hero with a sense of depth.
- Present a product or collection with layered images.
- Give a launch page a special effect.
- Used by default in
- Not placed by default: add it from the editor.
- Available in
- Everywhere except: Header (every page), Footer (every page)
- Appears in the editor as
- «Pixelion - 3D Parallax»
Main settings
How this section's settings are organised.
Height4 settings
Minimum desktop height · Desktop minimum height in pixels · Minimum mobile height · Mobile minimum height in pixels
Header6 settings
Transparent header · Transparent header links & icons color · Transparent header highlighted link text color · Transparent header hovered link text color · and 2 more
Background6 settings
Desktop background image · Desktop background video · Mobile background image · Mobile background video · and 2 more
Section padding2 settings
Top padding · Bottom padding
Blocks
Content you add inside the section with “Add block”. Their settings are in the full reference.
- Content28 settings
- Image layer8 settings
Full reference: 54 settings
Type, default value, ranges and units, every option and when each setting shows — plus every block setting, tips and the docs of older versions. Available to Pixelion customers.
File: sections/parallax-hero.liquid · v2.0.15