Non CMS drag slider with Swiper Help!

Hello everyone!

I am trying to install Swiper in my website but I have been failing since yesterday, the truth is that I am super confused, I don’t understand where to put the code and which part of the code I have to use. I have really little knowledge of coding.

I have been reading all the previous posts about this topic but they are all related to a CMS slider, and that is where it gets more confusing for me. I opted for a basic account as I am building my portfolio and I will only have 4 to 5 project on it. I didn’t feel the necessity of it.

In my project page, I want to have a drag slider at the bottom in the “more work” section, very simple design noting crazy going on. In fact, the Webflow slider would have been enough if I had the possibility to hide the arrows and have the drag.

This is the get started page of Swiper:

And this is the style of the slider I want to use:

Basically, if you just see how my slider is now, imagine I just want to take out the arrows and have the drag option. That’s all!

Is there anyone willing to help me through this?

Thanks in advance for taking the time to read this and for replying!

Here is my site Read-Only:

And here is my live link:

Hi @Siton_Systems, sorry to bother you but I saw in another post that you know very well Swiper and I was hoping you could give me a hand? Thanks in advance


Where you put your custom code + Which page (pagename) + Div/Section name

Hi! Thanks for answering.

So, on the page called “OnPay”, Section called: “Section 06 P01”. You’ll see that underneath the title “More work” there is a Webflow slider.

I was trying to replace that with the swiper slider and I would like it to look the same but without arrows but being able to drag on desktop as well.