README

The OwlCarouselWidget is a Yii2 wrapper for the [Owl Carousel 2] (https://owlcarousel2.github.io/OwlCarousel2/)

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist kv4nt/yii2-owl-carousel2 "*" 

or add

"kv4nt/yii2-owl-carousel2": "*" 

to the require section of your composer.json file.

Plugin options

see at https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

Usage

Once the extension is installed, simply use it in your code by :

<?php use kv4nt\owlcarousel\OwlCarouselWidget; OwlCarouselWidget::begin([ 'container' => 'div', 'assetType' => OwlCarouselWidget::ASSET_TYPE_CDN, 'jqueryFunction' => 'jQuery',// or $ 'containerOptions' => [ 'id' => 'container-id', 'class' => 'container-class owl-theme' ], 'pluginOptions' => [ 'autoplay' => true, 'autoplayTimeout' => 3000, 'items' => 3, 'loop' => true, 'itemsDesktop' => [1199, 3], 'itemsDesktopSmall' => [979, 3] ] ]); ?> <div class="item-class"><img src="/img/1.jpg" alt="Image 1"></div> <div class="item-class"><img src="/img/2.jpg" alt="Image 2"></div> <div class="item-class"><img src="/img/3.jpg" alt="Image 3"></div> <div class="item-class"><img src="/img/4.jpg" alt="Image 4"></div> <?php OwlCarouselWidget::end(); ?>