Re: Replace Image with Comparison Slider

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

houssamalissa
Pathfinder
139 0 44

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

 

houssamalissa_0-1628775767573.png

 

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion
Replies 3 (3)

KetanKumar
Shopify Partner
37143 3648 12063

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
houssamalissa
Pathfinder
139 0 44

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 (gitconnecte...

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...

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion

MRamzan
Shopify Partner
339 3 35

Here is the solution for before after slider:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112