0

enter image description here

The owl carousel slider is working fine as drag. But I can't able to see any dots or next, prev icons. Please tell me how to display that?

autoplay: true, dots: true are not working.

enter image description here

2 Answers 2

1

you Can Try this

  require(["jquery"
], function ($) {



        $(document).ready(function($) {

        var owl = $("#owlslider");
         owl.owlCarousel({
        items                   : 5,
        itemsDesktop            : [1199,4],
        itemsDesktopSmall       : [979,3],
        itemsTablet             : [768,2],
        itemsTabletSmall        : false,
        itemsMobile             : [479,1],
        singleItem              : false,
        itemsScaleUp            : false,
        slideSpeed              : 200,
        paginationSpeed         : 800,
        rewindSpeed             : 1000,
        autoPlay                : false,
        stopOnHover             : true,
        navigation              : true,
        navigationText          : ["prev","next"],
        rewindNav               : true,
        scrollPerPage           : true,
        pagination              : true,
        paginationNumbers       : false,
        responsive              : true,
        responsiveRefreshRate   : 200,
        responsiveBaseWidth     : window,
        baseClass               : "owl-carousel",
        theme                   : "owl-theme",
        lazyLoad                : false,
        lazyFollow              : true,
        lazyEffect              : "fade",
        autoHeight              : false,
        jsonPath                : false,
        jsonSuccess             : false,
        dragBeforeAnimFinish    : true,
        mouseDrag               : true,
        touchDrag               : true,
        addClassActive          : false,
        transitionStyle         : false,
        beforeUpdate            : false,
        afterUpdate             : false,
        beforeInit              : false,
        afterInit               : false,
        beforeMove              : false,
        afterMove               : false,
        afterAction             : false,
        startDragging           : false
        });
    });
   });

</script>
1

In your Script

Replace This :

navigation : true

With This :

nav : true

Owl Carousel docs

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.