wokster/yii2-owl-carousel-widget

Owl carousel for yii2

Owl carousel for yii2

Owl carousel for yii2, _(*1)

Based on https://owlcarousel2.github.io, _(*2)

DEMOS: https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html, _(*3)

DOCS: https://owlcarousel2.github.io/OwlCarousel2/docs/started-welcome.html, _(*4)

Installation

The preferred way to install this extension is through composer., _(*5)

Either run, _(*6)

php composer.phar require --prefer-dist wokster/yii2-owl-carousel-widget "*"

or add, _(*7)

"wokster/yii2-owl-carousel-widget": "*"

to the require section of your composer.json file., _(*8)

Usage

Once the extension is installed, simply use it in your code by :, _(*9)

        <?php \wokster\owlcarousel\OwlWidget::begin([
            'theme'=>'green', //can be "green","default", false (false by default)
            'plaginOptions'=>[
                'loop' => true,
                'margin' => 10,
                'responsiveClass' => true,
                'responsive' => [
                  0 => ['items'=>1,'nav'=>true],
                  600 => ['items'=>3,'nav'=>true],
                  1000 => ['items'=>5,'nav'=>true],
                ],
            ]
        ]);?>
              <div> Your Content </div>
              <div> Your Content </div>
              <div> Your Content </div>
              <div> Your Content </div>
              <div> Your Content </div>
              <div> Your Content </div>
              <div> Your Content </div>
        <?php \wokster\owlcarousel\OwlWidget::end()?>