Owl carousel example snippet

Posted on: July 28th, 2022
By: Tadeo Martinez

$('.products-carousel').owlCarousel({
    // center: true,
    loop:false,
    margin:10,
    nav:true,
    dots:false,
    // stagePadding:170,
    autoplay:false,
    autoplayTimeout:2500,
    autoplayHoverPause:false,
    animateIn: 'fadeIn',
    animateOut: 'fadeOut',
    // navText : ["<img src='/wp-content/uploads/2021/07/Arrow-Left-Blair-ITC.png' />","<img src='/wp-content/uploads/2021/07/Arrow-Right-Blair-ITC.png' />"],
    responsive:{
        0:{
            items:2
        },
        600:{
            items:3
        },
        1000:{
            items:4
        }
    }
});

Have any questions or comments? Write them below!


Leave a Reply

Your email address will not be published. Required fields are marked *