BEFORE & AFTER SLIDER | THE PRO PLAN

Engaging Before-and-After image slider

The Before and After slider section lets you compare two versions of an image together. Before and after images will appear with a divider, which can be moved so that users can see the difference. It is fully responsive and supports touch and swipe navigation as well as mouse drag for desktops.

The Before and After slider is a great way to present the hero section, an entry landing page, product feature highlights, etc.

USE CASES | THE PRO PLAN

Custom content for your storefront with the Custom HTML section.

 

Example #1: Mouse drag for desktop

DAY
NIGHT

The Before & After image slider is an ideal way to showcase the transformation achieved after using products such as skincare, cosmetics, and more.

Before
After
Before
After
0 Day
7 Days

Example #2: Mouse over to slide between the images.

Desk Lamp Demo
Dim the light
Good Design