[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

JS Animated. How to manage Owl Carousel features (autoplay, navigation, pagination)

This video tutorial will show how to manage Owl Carousel features (autoplay, navigation, pagination) in JS Animated templates.

JS Animated. How to manage Owl Carousel features (autoplay, navigation, pagination)

  1. Locate Carousel at your site:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 1

  2. In HTML Website templates, Owl Carousel has autoplay disabled by default. In order to enable this feature, you should use data-autoplay data attribute with value set to ‘true’ in index.html file that controls page with carousel:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 2

  3. In order to display ‘Previous’/’Next’ navigation in Owl Carousel, you should use corresponding data-nav=’true’ data attribute for target carousel:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 3

  4. In order to display pagination in Owl Carousel, you should use corresponding data-dots=’true’ data attribute for target carousel:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 4

  5. Go back to your site to check Owl Carousel, you will see that autoplay, ‘Previous’/’Next’ navigation and pagination features were turned on .

Feel free to check the detailed video tutorial below:

JS Animated. How to manage Owl Carousel features (autoplay, navigation, pagination)