How to switch an image with a before/after comparison slider?

Store Design
1

How can I replace the image here with a Before / After image comparison slider?

houssamalissa_0-1628775767573.png
houssamalissa_0-1628775767573.png1379Ă—684 109 KB

1 Like
2

@houssamalissa

i have check your theme support flickity-slider so if have able to code try and modification or let me know DM

https://codepen.io/desandro/pen/GgQREP

1 Like
3

Hey there,

So maybe I used the wrong terminology, going for something like this How to create a “Before & After” image slider with CSS and JS | by JW | Level Up Coding (gitconnected.com)

Where you have a before / after image that you can slide back and forth on. There’s a how-to guide here but I’m quite new to coding so not sure how you integrate that into the Shopify code…

4

Here is the solution for before after slider: