An additional pattern for Mockup that provides a slider.
Project description
A pattern based on Plone Mockup that enable a slick slider on a selected div.
http://kenwheeler.github.io/slick/
Documentation
Installation
Install redturtle.patterns.slider by adding it to your buildout:
[buildout] ... eggs = redturtle.patterns.slider
and then running bin/buildout
After that, you need to install it in your Plone site from the control panel.
Pattern usage
This pattern follows slick’s standards, so you need a div with a list of items.
To enable the pattern in a div, you just need to add ‘pat-slider’ class to it:
<div class="pat-slider">
...
</div>
There is a set of default parameters for the slider:
dots: true
slidesToShow: 4
slidesToScroll: 4
arrows: true
lazyLoad: ‘ondemand’
If you want to change something, you only need to add an additional configuration (mockup-style) to your div like this:
<div class="pat-slider"
data-pat-slider="dots: false; arrows: false">
...
</div>
JS Development and bundling
If you need to develop this product’s javascripts or styles, you need to compile the code for the resource registry bundle. To do this, there are two grunt tasks.
First of all, you need to install grunt dependencies listed in package.json file in the root of this package:
npm install
After that, you can use two different grunt tasks:
grunt: the default task, that listen files changes with watch and re-build resources and bundles automatically
grunt compile: to manually compile all resources and bundles
Contribute
Issue Tracker: https://github.com/RedTurtle/redturtle.patterns.slider/issues
Source Code: https://github.com/RedTurtle/redturtle.patterns.slider
License
The project is licensed under the GPLv2.
Contributors
Luca Bellenghi, info@redturtle.it
Changelog
0.1.2 (2018-06-11)
Published on pypi [cekk]
0.1.1 (2017-12-21)
Improved slider js [nzambello]
0.1.0 (2017-09-18)
Initial release. [cekk]
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for redturtle.patterns.slider-0.1.2.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 9871972781c74957af49811f3198daf12dab8f1a00a3283898f759f0f5f8783b |
|
MD5 | 03215f7256ef7858d8084fbcf135f46e |
|
BLAKE2b-256 | 8b8ebb6c0609fea7d3f4281dea72d4e9c310bc42d6dfcde9814a4e37c93dc914 |