• Resolved Tony G

    (@starbuck)


    This theme uses the Owl Carousel scripts v1.3 with jQuery. That old version has bugs and affects the slider in this theme. Please update to v2.2.

    One specific issue that people ask about a lot with that script is how to modify the slide time. In this theme I modified custom.js with the following code after installing the latest slider code:

    //------------------------------------------
        //slider
    //------------------------------------------
    jQuery(document).ready(function() {
      jQuery("#ta-slider").owlCarousel({
          items:1,
          loop: true,
          autoplay : true,
          autoplayTimeout: 12000,
          autoplayHoverPause:true,
          nav : true, // Show next and prev buttons << different in v2
          slideSpeed : 400,
          pagination : true,
          paginationSpeed : 400,
          singleItem:true,
          video:true,
          transitionStyle : "backSlide", // fade not working
          navText: [ //  << different in v2
          "<i class='fa fa-angle-left'></i>",
          "<i class='fa fa-angle-right'></i>"
          ]
        });
    });

    And I’m not sure what’s wrong yet but the navigation appears below the slider image area, not on the images. I believe this can be corrected with CSS but I haven’t looked at that yet.

    • This topic was modified 7 years, 6 months ago by Tony G.
    • This topic was modified 7 years, 6 months ago by Tony G.
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Please update Owl Carousel in this theme’ is closed to new replies.