Atixnet Swiper Slider

Overview

This module integrates the Swiper JS library as :

• a field formatter for entity reference fields (thanks to reference swiper module).
• a field formatter for image(s) fields.
• a views style.

Swiper is basically a powerful and modern slider plugin, which also supports swiping on devices with touch screen.
The Swiper plugin was created by iDangero.us.

This module was derived from Reference Swiper module, and also inspired from jssor module and a bit from views slideshow.

Features

• Format any multi-value (content) entity reference field as a Swiper slider, for example, use file or media entities to create image sliders, or just apply it to multiple node references to slide through them.
• Format any multi-value image field as a Swiper slider, with caption display (title or alt property)
• Render any views as a Swiper slider
• Make use of the many configuration options available in Swiper's API, by just simply creating a Swiper option set on the provided admin UI.
• Swiper option sets are config entities, so you may import and export them, or even edit them with drush.
• Swiper JS supports sliders on touch devices.
• Developers may access each Swiper instance separately in their JS.

Installation and configuration

1. Download the Swiper library from https://github.com/nolimits4web/Swiper/archive/master.zip and unzip it into DRUPAL_ROOT/libraries/swiper such that your the swiper.jquery.min.js is accessible at DRUPAL_ROOT/libraries/swiper/dist/js/swiper.jquery.min.js .
2. Install the module as usual using the UI or drush.
3. Add a Swiper option set by navigating to /admin/config/system/reference-swiper . Refer to http://idangero.us/swiper/api for further information.
4. Navigate to the "Manage display" tab of your entity or bundle and switch the formatter of your entity reference or image field to "Reference Swiper" or "Image Swiper". Else edit a view and choose "Swiper Slider" as a style
5. Edit the formatter or view settings and select the option set created in step 3 by entering its name in the autocomplete field.

Requirements

This module is design to work only on Drupal 8 !

This module require the following modules :

• field
• image
• views

Sponsors

This module was develop for Atixnet customers.