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