View file File name : custom.js Content :jQuery(document).ready(function ($) { /* Header Fixed */ $(window).scroll(function () { if ($(this).scrollTop() > 1) { $('header').addClass("header-small"); } else { $('header').removeClass("header-small"); } }); /* testimonial-slider */ $("#testimonial-slider").owlCarousel({ items: 1, loop: true, dots: true, autoPlay: true }); $("#vehicle-slider").owlCarousel({ loop: true, margin: 10, dots: true, nav: true, autoplayHoverPause: false, autoplay: true, smartSpeed: 1500, navText: [ '<i class=""></i>', '<i class=""></i>' ], responsive: { 0: { items: 1, center: false }, 480: { items: 1, center: false }, 600: { items: 2, center: false }, 768: { items: 3, center: false }, 992: { items: 3, center: false }, 1200: { items: 4, center: false } } }); $("#vehicle-slider1").owlCarousel({ loop: true, margin: 10, dots: true, nav: true, autoplayHoverPause: false, autoplay: true, smartSpeed: 1500, navText: [ '<i class=""></i>', '<i class=""></i>' ], responsive: { 0: { items: 1, center: false }, 480: { items: 1, center: false }, 600: { items: 1, center: false }, 768: { items: 1, center: false }, 992: { items: 1, center: false }, 1200: { items: 1, center: false } } }); $("#vehicle-slider2").owlCarousel({ loop: true, margin: 10, dots: true, nav: true, autoplayHoverPause: false, autoplay: true, smartSpeed: 1500, navText: [ '<i class=""></i>', '<i class=""></i>' ], responsive: { 0: { items: 1, center: false }, 480: { items: 2, center: false }, 600: { items: 1, center: false }, 768: { items: 3, center: false }, 992: { items: 4, center: false }, 1200: { items: 5, center: false } } }); /* Gallery */ $('[data-fancybox="gallery"]').fancybox({ loop: true, keyboard: true, arrows: true, buttons: ["close"], animationEffect: "zoom", transitionEffect: "slide", transitionDuration: 500, protect: true }); /* Fancybox */ $('.poppup-forms.login-form, .poppup-forms.sign-upform').fancybox({ prevEffect: 'fade', nextEffect: 'fade' }); }); if ($('.single-product-image-holder .bxslider2').length) { $('.single-product-image-holder .bxslider2').bxSlider({ nextSelector: '.single-product-image-holder #slider-next', prevSelector: '.single-product-image-holder #slider-prev', nextText: '<i class="fa fa-angle-right"></i>', prevText: '<i class="fa fa-angle-left"></i>', mode: 'horizontal', auto: 'true', speed: '700', pagerCustom: '.single-product-image-holder .slider-pager .thumb-box' }); };