If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

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)