How can I modify the column section on mobile for a slider look with Debut Theme?

Store Design
1

Hey,

I would like to know how can I change the look of the column section on mobile to have them like a slider like on the photo below ?
Thanks.

Link : https://riku-services.myshopify.com

Password : edohup

How it is now :

IMG_7894.jpg
IMG_7894.jpg1125×2121 143 KB

What I am looking for :

IMG_7897.jpg
IMG_7897.jpg1124×1148 45.7 KB

1 Like
2

Hello @Ulysse1300

  1. Online store->Actions->Edit Code->Layout->theme.liquid
  2. add this code in tag
  1. after adding above script, please add this code

Output : https://nimb.ws/aDkx5t

I hope it will help you

3

Thanks a lot for the help, but I might not be clear in my explanation, but I wanted to have a carrousel only for mobile for this column section :

Capture d’écran 2022-07-06 à 11.23.31.png
Capture d’écran 2022-07-06 à 11.23.31.png2472×962 215 KB

4

Hi @Ulysse1300 ,

You have added the slider as instructed by DipenPanchal.

If you have successfully added it, you just need to change the JS code like this:

=>

Hope it helps!