M12.SlickCarousel - Slick carousel for Neos CMS
Slick Carousel node type
for Neos CMS., (*1)
Installation
- Install this Neos plugin via composer:
composer require m12/neos-nodetype-slickcarousel:dev-master
-
Install Slick code in your site package. Refer to
Slick documentation for details,
you will need to include slick.js
, slick.css
and perhaps
slick-theme.css
to your page., (*2)
-
Add the following code to the end of BODY tag:, (*3)
$(document).ready(function () {
var slickEl = $('.m12-slickcarousel-slick');
$(slickEl).on('init', function(event, slick) {
// Support non-standard 'nextOnClick' option:
if (slick.slickGetOption('nextOnClick')) {
$(slick.$slider).on('click', function() {
slick.slickNext();
});
}
});
// Initialise Slick
$(slickEl).slick();
});
Also see the Pb.Site site package
for a complete example of how to install it with npm/gulp., (*4)
Author(s)
- Marcin Ryzycki marcin@m12.io
Licensed under: The MIT License (MIT), (*5)
Sponsored by PrototypeBrewery.io - the new prototyping tool
for building fully interactive prototypes of your website or web app. Built on top of
Neos CMS and Zurb Foundation framework., (*6)