/October-CMS-Slick-Slider

Easily create responsive slide shows from the backend and insert them as a component. Supports multiple rows, multiple images per slide, and responsive breakpoints. Built using Ken Wheeler's Slick Slider (http://kenwheeler.github.io/slick/)

Primary LanguageJavaScriptMIT LicenseMIT

October CMS Slick Slider Plugin

Installation

Create a folder named peterhegman in your /plugins directory. Drop slickslider into this folder. In your terminal run php artisan october:up

Creating a Slider

After installation choose "Slide Shows" from the main menu. Choose "Create" and then choose a title for the slide show and add as many slides as you would like. Slides can be added, deleted, and rearranged. Slide description and title can also be added. Toggle Options

Settings

Settings can be accessed from the "Settings" tab after creating a slider.

A full list and description of settings can be found here: http://kenwheeler.github.io/slick/

Toggle Options Available

Toggle Options

Other Options

Other Options

Responsive Breakpoints

Responsive Breakpoints

Component

Slider component can be dragged into a page from the "CMS" tab. User can then choose what slide show to display. Component

Components can also be added to a page with {% component 'slider' slide_show_id = id %} by replacing the "id" with our slide show ID

Front-end Examples

Full Width Image

Full Width Image

Multiple Images

Multiple Images

Grid Mode

Multiple Images

Mobile

Multiple Images

Built with Slick Slider

Huge thanks to Ken Wheeler for creating the incredible Slick Slider. Full documentation for slick slider can be found here: http://kenwheeler.github.io/slick/