Reference Swiper

Component ID

2821508

Component name

Reference Swiper

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Downloads

245

Component created

Component changed

Component body

Overview

This module integrates the Swiper JS library as a field formatter for entity reference fields. Swiper is basically a powerful and modern slider plugin, which also supports swiping on devices with touch screen.
From the Swiper project's Website:

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers.

The Swiper plugin was created by iDangero.us.

Features

  • Format any multivalue (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.
  • Swiper JS supports sliders on touch devices.
  • 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.
  • Developers may access each field's Swiper instance separately in their JS.

Installation and configuration

Please check the README for further details.

Credits

This module was developed and is maintained by s_leu. You are welcome to request Co-maintainership or create new issues for found bugs / feature requests.