owl logo

This project is not covered by Drupal’s security advisory policy.

This module is unsupported due to a security issue the maintainer didn’t fix.

If you want to use this module, your options are:

  • Choose another, actively maintained module instead
  • Following the unsupported project process.
  • Hire someone to fix the security bug so the module can be re-published and supported (Consider hiring companies listed in the Marketplace)

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

Supporting organizations: 

Project information

Releases