Splider

Our amazing lightweight and super powerful slider stack.

Splider stack

Splider stack settings

Splider is an extremely powerful slider stack. You can find out about the settings in the article below. Slider setup Mode You can select from the following options: Slide (default) - This option acts as a regular slider. Moving from the first...

Avatar

By Stuart Marshall

updated 4 months ago

Splider Video slide type

There is a designated slide type for video and it allows you to link to videos on Youtube, Vimeo or your own self-hosted ones. Note: If using the video slide type then you must select the option to 'Enable video' in the parent Splider stack.  This...

Avatar

By Stuart Marshall

updated 5 months ago

Splider Image slide type

Splider has its own image stack that is designed to work with Splider. Settings You can opt to add a custom class name(s) if you want to target this particular slide with some custom css. You can opt to add either a warehoused image (by providing...

Avatar

By Stuart Marshall

updated 4 months ago

Splider slide

The default Splider child stack allows you to add any content that you wish to a slide. In addition, the slide stack itself allows you to: Add a custom class (useful if you wish to target a particular slide with your own custom CSS) Override the...

Avatar

By Stuart Marshall

updated 4 months ago

Other

Splide course

This course is not yet available. Over on the RapidWeaver Academy we have a course that will show you how to incorporate the Splidejs code into RapidWeaver yourself (without a dedicated stack!).  Being able to do this gives you a lot more options...

Avatar

By Stuart Marshall

updated 5 months ago

Splider roadmap

Splider is based on the fantastic javascript library ' Splide '.  Although not all of the available features will make it into the stack there are a lot that will. For instance, future updates that are currently planned will include adding: a...

Avatar

By Stuart Marshall

updated 18 days ago

Splider project file

Below is a download link for a RapidWeaver 8 project file demonstrating various uses of Splider - including most of the examples on the Splider home page. The project file uses the free Source stacks. Using Source lets us use some nice styled...

Avatar

By Stuart Marshall

updated 5 months ago

Splider aspect ratio slides

A really nice option with Splider is the ability to set your slides to have a fixed aspect ratio. You can set a different aspect ratio for each breakpoint (e.g. 16:9 on desktop and 1:1 on mobile). Here are some tips when using aspect ratio slides:...

Avatar

By Stuart Marshall

updated 4 months ago

Syncing Splider stacks

It is possible to synchronise 2 Splider stacks so that 1 Splider stack acts as the 'navigation' for a second Splider stack. This has various uses but the most obvious one might be to build a 'thumbnail slider'. Visit this demo page for a few...

Avatar

By Stuart Marshall

updated 18 days ago

Splider API

Splider is built upon splidejs which offers an API to enable you to extend functionality by using your own javascript. As of v1.3.1 of Splider stack this functionality is now available to you to implement in your RW projects. Here is a demo...

Avatar

By Stuart Marshall

updated 16 days ago