SlickSlider v2 was released in November 2020. This update adds some new style and behaviour settings, plus some other tweaks to the underlying codebase. You can login to your Paddle account to see if you are eligible for this free update. If SlickSlider is listed in your Paddle account, you can download this newer version for free.

SlickSlider is the perfect choice for a wide range of different scenarios; including product sliders and photographic portfolios. A huge choice of customisable settings let you create practically any style of image carousel. This modern slider is fully mobile compatible and has essential functionality like swipe support on touch screens. All the complicated coding and testing has already been done for you! A stack you are sure to enjoy using.

Example

This is a working example of SlickSlider, using warehoused images. Each image has some caption content and is set as a link to https://example.com

Image One
Image One
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Two
Image Two
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Three
Image Three
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Four
Image Four
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Five
Image Five
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Six
Image Six
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Seven
Image Seven
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Eight
Image Eight
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Nine
Image Nine
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Image Ten
Image Ten
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
 

Setup

Install SlickSlider within Stacks and RapidWeaver in the normal way. Like other stacks, open your Stacks library. Drag a copy of SlickSlider into your page. Click the blue button to add images to your carousel slider - either dragged and dropped images or images you link to at a warehouse location. Optionally you can supply caption content and a link with each image. All options to control the behaviour and style of your slider are available by selecting the main SlickSlider stack in edit mode and opening the Stacks side panel.

Tip: The addition of images to your SlickSlider can be speeded-up by holding down the alt key and a combination of clicking and dragging the sub-stacks. This has the result of duplicating them. You can also use the Hide button in Stacks edit mode, to hide slider images you have finished editing; therefore creating a tidier workspace.