Before/ After slider
A guide to captivating users with interactive before & after images
You can create a vertical slider for using an Image comparison section, unleashing the creative potential of your site.
Using an Image comparison section can bring you several benefits such as:
boosting engagement on your Shopify store through interaction;
creating compelling visual stories;
showcasing impressive or persuasive presentations.
After adding the section, you can then customize it to your liking 🌟
Add a Section header
To the Section header, you can add an image, a heading, or a text child block.
Customize the Image comparison slider
In the General settings > Images settings, add your before and after images for a comparison effect. You can also set your images on desktop and mobile view separately.
Last updated