← All blocks
‹›
Before / after
Two pictures of the same thing with a handle between them. The shopper drags it across and sees the difference for themselves.
What it holds
- Two pictures of the same thing
- One handle between them
What you can set
- Both pictures, their labels and their alt text
- An eyebrow, a heading and a caption
- Picture shape: wide, square or tall
- Which way the handle moves: across, or up and down
- Where the handle starts, 5% to 95%
- Show the words on the picture
- Rounded corners
- Full width or inside the page's margins
Each sketch is what the block does, not a screenshot of one shop's version of it — how it looks is your theme's decision.