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.
Magento Stack Exchange is a question and answer site for users of the Magento e-Commerce platform. It only takes a minute to sign up.
Sign up to join this communityyou 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>