Social proof & trust
Pixelion - Compare slider
22 settingsv2.0.15
What it is
A «before and after» compare slider: visitors drag a line to reveal two overlaid images, shown with a heading, a text and buttons.
When to use it
- Show results before and after using a product.
- Highlight differences between two versions or finishes.
- Pair the comparison with a link button or an add-to-cart button.
- 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 - Compare slider»
Main settings
How this section's settings are organised.
General10 settings
Heading · Heading size · Text · Button label · and 6 more
Slider8 settings
Desktop slider placement · Before label · After label · Labels color scheme · and 4 more
Common settings
This section also has these shared settings, explained on their own page:
Full reference: 22 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/comparison-slider.liquid · v2.0.15