Skip to main content

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.

First of all, you need to install dependencies listed in package.json file in the root of this package:

npm install

After that, you can use two different scripts:

- `npm run watch`: the default task, that listen files changes with `watch` and re-build resources and bundles automatically
- `npm run compile`: to manually compile all resources and bundles

Contribute

License

The project is licensed under the GPLv2.

Contributors

Changelog

0.1.3 (2025-10-27)

  • Plone 6 compatibility. Use 0.x versions for Plone < 6. [cekk]

  • Unistall registry entries properly. [cekk]

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


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

redturtle_patterns_slider-1.0.0.tar.gz (310.1 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

redturtle_patterns_slider-1.0.0-py3-none-any.whl (317.3 kB view details)

Uploaded Python 3

File details

Details for the file redturtle_patterns_slider-1.0.0.tar.gz.

File metadata

File hashes

Hashes for redturtle_patterns_slider-1.0.0.tar.gz
Algorithm Hash digest
SHA256 74c2a12f64664173b2f590258141d6f4e0700a0a7b43d929e9521bb87dcb1f0e
MD5 39864f1cf8dcbf291faf7b360b53912d
BLAKE2b-256 997172f5b35eb3d7bd666225f1ac02ddf2901235752132dc6cb37908a20f214d

See more details on using hashes here.

File details

Details for the file redturtle_patterns_slider-1.0.0-py3-none-any.whl.

File metadata

File hashes

Hashes for redturtle_patterns_slider-1.0.0-py3-none-any.whl
Algorithm Hash digest
SHA256 b7cb7efe27fb2ab7e57d5681a0579f7362c7e1994e5920200e160bdf6328359f
MD5 a3acf22d42aa149e3c612e8ed926c627
BLAKE2b-256 27c21470111f7c94987b22f349d23cd9a6d444f49b99d36609a9f2e886ac69a9

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page