Owl Carousel 2

This module integrates the beautiful carousel slider Owl Carousel 2 through field and block integrations.

Effects provided by the Animate.css

Features

• Customizable with tons of options
• Touch and Drag Support
• Fully Responsive
• Modern Browsers
• Tons of effects
• Infinite loop
• Auto width
• Video support for Youtube and Vimeo
• Autoplay
• Views Integration
• Themable
• Block Integration
• Paragraphs integration
• And some other features...

Installation

To install OwlCarousel 2 on Drupal, please install via composer:


composer require drupal/owlcarousel2
drush en owlcarousel2


Then download and copy the dist folder of the OwlCarousel2 v2.3.4 javascript library on \libraries\OwlCarousel2\dist.

OwlCarousel2 direct download link.

Usage

Video Tutorial

1. On Content menu, click on Carousel tab, Add OwlCarousel2 to create a new carousel.
2. You can fill the carousel Name and configuration on the form or skip it to do
   it later.
3. Click on Save
4. A new fieldset will be presented. Include the carousel items there.
   • Items can be Image, Youtube or Vimeo urls or Views results.
   • For images, it can be a static image or a image linked to a content entity.
     The view mode will define which fields of the content will be presented.
   • For view results, the view result will be considered, not the fields. The
     content presentation will be based on the view mode selected.
5. After you've included all items, click on save and a preview will be
   presented.
6. Option 1 - Once you have created your carousel, go to admin/structure/block and place a
   new block wherever tou want.
7. On the block pop-up, select Carousel Block and in Carousel field choose the carousel you've created.
8. Finish the block configuration as usual.
9. Option 2 - Go to content type configuration and add a new reference field to Other / Content / Carousel

Similar projects

Owl Carousel, Flickit