Categories

Featured templates

JS Animated. How to enable carousel loop

George Jones February 29, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

This video tutorial will show how to enable carousel loop in JS Animated templates.

JS Animated. How to enable carousel loop
  1. Locate Carousel at your site:

    JS Animated. How to enable carousel loop - 1
  2. Inspect this Carousel using Firebug tool for Firefox or by using Chrome Inspector, you will see that owl carousel is used in this section:

    JS Animated. How to enable carousel loop - 2
  3. Use FTP or File Manager and open index.html file that controls page with carousel:

    JS Animated. How to enable carousel loop - 3
  4. In order to enable carousel loop, you should use data-loop data attribute true for target item with .owl-carousel class:

    JS Animated. How to enable carousel loop - 4
  5. Go back to your site, make sure to refresh the page before checking carousel, you will see that now you can run carousel back and forward with no limitation:

    JS Animated. How to enable carousel loop - 5

Feel free to check the detailed video tutorial below:

JS Animated. How to enable carousel loop
This entry was posted in JS Animated tutorials and tagged carousel, HTML, loop. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket