msp/owlcarousel2 0.1.0

Magento 2 OwlCarousel2 module

This module lets you use OwnCarousel2 with Magento 2 throught requirejs.

Installation

composer require msp/owlcarousel2

Usage

You can init the slider with data-mage-init:

<div id="your-slider" class="owl-carousel" data-mage-init='{
    "OwlCarousel": {
      "autoPlay"          :   true,
      "autoplayTimeout"   :   1500,
      "loop"              :   true,
      "items"             :   1,
      "dots"              :   false
    }
}'>
    <img src="kitten1.jpg"  />
    <img src="kitten2.jpg"  />
    <img src="kitten3.jpg"  />
    <img src="kitten4.jpg"  />
</div>

or with a <script type="text/x-magento-init">:

<div id="your-slider" class="owl-carousel">
    <img src="kitten1.jpg"  />
    <img src="kitten2.jpg"  />
    <img src="kitten3.jpg"  />
    <img src="kitten4.jpg"  />
</div>
<script type="text/x-magento-init">
     {
         "#your-slider": {
             "OwlCarousel": {
                "autoplay":         true,
                "autoPlayTimeout":  1500,
                "loop":             true,
                "items":            1,
                "dots":             false
             }
         }
     }
 </script>