Compile code from documentation to Webflow

[Lemans73]

Best,

I am making use of the SplideJS slider to build a component in Webflow. Unfortunattly with my lack of Javascript I can't really figure this one out.

I try to make URL Hasher to work for the slider following the examples by this link; http://splidejs.com/extensions/url-hash/
For now when i try to use the code with that that i allready have, nothing happens and destroys te link.

What am i missing, how can i get this one to work. After then i may understand how i can add other function to the slider as well.

I thought the example from the website:
new Splide( '#splide' ).mount( window.splide.Extensions );

was needed to adjust the code like this:

function slider2() {

let splides = $('#splide');
for ( let i = 0, splideLength = splides.length; i < splideLength; i++ ) {
	new Splide( splides[ i ], {
  // Desktop on down
	perPage: 3,
	perMove: 1,
  focus: 'center', // 0 = left and 'center' = center
  type: 'slide', // 'loop' or 'slide'
  gap: '2em', // space between slides
  arrows: 'true', // 'slider' or false
  pagination: 'true', // 'slider' or false
  speed : 550, // transition speed in miliseconds
  dragAngleThreshold: 80, // default is 30
  autoWidth: false, // for cards with differing widths
  rewind : true, // go back to beginning when reach end
  rewindSpeed : 600,
  waitForTransition : false,
  updateOnMove : true,
  trimSpace: false,
  breakpoints: {
		991: {
    	// Tablet
			perPage: 2,
      gap: '4vw',
		},
    767: {
    	// Mobile Landscape
			perPage: 1,
      gap: '4vw',
		},
    479: {
    	// Mobile Portrait
			perPage: 1,
      gap: '4vw',
		}
	}
} ).mount( window.splide.Extensions );

}}
slider2();

What am I doing wrong?

[NaotoshiFujita]

Did you assign the data attribute to each slide?
https://splidejs.com/extensions/url-hash/#usage

[NaotoshiFujita]

Then you failed to initialize the Splide slider. Make sure that all required files are available.

[Lemans73]

I see that i indeed used an older version followed and used the clonable project from Webflow showcase; https://webflow.com/website/Carousel-Slider-Collection

I checked the repository from JSDelivr and attached the new JS and CSS to the website. The fun thing is, the slider works with 2.4.21 but now with 3.5.1 active it doesn't. The navigation is working better tho since i had no css attached.

[NaotoshiFujita]

You should ask the author or join the webflow forum.

[andremalware]

@Lemans73
Hei man,
Did you manage to make use of URL Hasher on webflow?

[andremalware]

And another question.
Can I use it on a CMS collection list? And how?
Thanks.