Module Description
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
* On Content menu, click on Carousel tab, Add OwlCarousel2 to create a new carousel.
* You can fill the carousel Name and configuration on the form or skip it to do it later.
* Click on Save
* 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.
* After you've included all items, click on save and a preview will be presented.
* Option 1 - Once you have created your carousel, go to admin/structure/block and place a new block wherever tou want.
* On the block pop-up, select Carousel Block and in Carousel field choose the carousel you've created.
* Finish the block configuration as usual.
* Option 2 - Go to content type configuration and add a new reference field to Other / Content / Carousel
Similar projects
Owl Carousel, Flickit
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
* On Content menu, click on Carousel tab, Add OwlCarousel2 to create a new carousel.
* You can fill the carousel Name and configuration on the form or skip it to do it later.
* Click on Save
* 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.
* After you've included all items, click on save and a preview will be presented.
* Option 1 - Once you have created your carousel, go to admin/structure/block and place a new block wherever tou want.
* On the block pop-up, select Carousel Block and in Carousel field choose the carousel you've created.
* Finish the block configuration as usual.
* Option 2 - Go to content type configuration and add a new reference field to Other / Content / Carousel
Similar projects
Owl Carousel, Flickit
Module Link
Project Usage
350
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module aims to solve the integration of Owl Carousel 2 through field and block integrations, providing customizable options, touch and drag support, responsiveness, various effects, infinite loop, video support, autoplay, views integration, theming, and other features.
Data Name
owlcarousel2