-
AuthorPosts
-
October 15, 2020 at 4:24 pm #4635
Salam Shahzad Bhai , thanks for your tutorials , really great they are , I learned a lot .
I am trying to convert html website (https://colorlib.com/preview/#tasteit ) into wordpress , it has an owl carousel working in it on man page , with fade in fade out effect .
I have enqueued all the necessary files from html to wordpress in functions.php , css files , owl.carousel . theme default , main.js and jquery as well , I have converted $ in jQuery as well , cause u had mentioned there can be an issue of conflict .
but its home slider css stays hidden , function is not working properly , can u suggest what can be an issue .
Main.js has this code for carousel .
var carousel = function() {
jQuery(‘.home-slider’).owlCarousel({
loop:true,
autoplay: true,
margin:0,
animateOut: ‘fadeOut’,
animateIn: ‘fadeIn’,
nav:true,
dots: true,
autoplayHoverPause: false,
items: 1,
navText : [“<span class=’ion-ios-arrow-back’></span>”,”<span class=’ion-ios-arrow-forward’></span>”],
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
jQuery(‘.carousel-testimony’).owlCarousel({
center: true,
loop: true,
items:1,
margin: 30,
stagePadding: 0,
nav: false,
navText: [‘<span class=”ion-ios-arrow-back”>’, ‘<span class=”ion-ios-arrow-forward”>’],
responsive:{
0:{
items: 1
},
600:{
items: 1
},
1000:{
items: 1
}
}
});
};
carousel();
Thanks Shahzad .
-
AuthorPosts
You must be logged in to reply to this topic.