A comparison between popular slideshow/slider/carousel modules for Drupal such as Views Slideshow, Owl Carousel, Slick, and Flex, with comments and notes for beginners and the uninitiated in Drupal.
Slick Slider /Slick Views / Slick Extras
Challenges:
- Requires technical knowledge and familiarization of Drupal and Views
- Requires libraries, manually confusing for beginners; check Status Report /admin/reports/status and see if there are errors on Slick
- Too many set-ups and configurations
- Example and demo (from the Slick Extras/Slick Example) itself requires setting up and fields and content created before it can be previewed
Modules
- https://www.drupal.org/project/slick
Slick is a powerful and performant slideshow/carousel solution leveraging Ken Wheeler’s Slick carousel. See http://kenwheeler.github.io/slick - https://www.drupal.org/project/slick_views
Slick views adds a new display style to views called Slick carousel. Similar to how you select HTML List or Unformatted List as display styles. This module doesn’t require Views UI to be enabled but it is required if you want to configure your Views display using Slick carousel through the web interface. This ensures you can leave Views UI off once everything is setup. - https://www.drupal.org/project/slick_extras
Provides Slick carousel samples and extra utilities demonstrating various usages of Slick carousel.
Owl Carousel
Challenges:
- Confusing for the uninitiated and beginner on which module to use: Own Carousel, Tiny Slider 2, or Owl Carousel 2
Modules:
- https://www.drupal.org/project/owlcarousel
This module integrates Owl Carousel, a touch enabled jQuery plugin that lets you create a beautiful, responsive carousel sliders - https://www.drupal.org/project/tiny_slider
This module integrates Tiny Slider 2, a Vanilla javascript slider for all purposes. - https://www.drupal.org/project/owlcarousel2
This module integrates the beautiful carousel slider Owl Carousel 2 through field and block integrations. Effects provided by the Animate.css
Views Slideshow
Views Slideshow can be used to create a slideshow of any content (not just images) that can appear in a View. Powered by jQuery, it is heavily customizable: you may choose slideshow settings for each View you create. Module page: https://www.drupal.org/project/views_slideshow
Bundles Views Slideshow and Views Slideshow Cycle.
Challenges:
- Requires technical knowledge and familiarization of Drupal and Views, read the documentation for the necessary libraries and plugins, and renaming the plugin folders in /libraries/
https://www.drupal.org/docs/contributed-modules/views-slideshow/installation-requirements - A tutorial on downloading by drush or command line included in above documentation drush dl–cycle–lib
- Requires a massive CSS to attain a customized look, out of the box simply stacks up the fields and field values; example of custom CSS implementation at https://connectedsolutions.ibuildph.one/
Tutorials:
Additional references:
Comparison of Rotator / Slider modules https://www.drupal.org/node/418616
