m12/neos-nodetype-slickcarousel

Slick carousel for Neos CMS

Installs: 1 458

Dependents: 2

Suggesters: 0

Stars: 10

Watchers: 3

Forks: 3

Open Issues: 1

Type:typo3-flow-plugin

v1.0.0 2016-09-06 20:04 UTC

README

Slick Carousel node type for Neos CMS.

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.

  • Add the following code to the end of BODY tag:

$(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.

Author(s)

Licensed under: The MIT License (MIT)

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.