card/merchant/assets/js/carousel.js

(function($) {
	"use strict";

    /*---Owl-carousel----*/

    /*--- Owl-carousel-icons ---*/
    var owl = $('.owl-carousel-icons2');
    owl.owlCarousel({
        loop: true,
        rewind: false,
        margin: 25,
        animateIn: 'fadeInDowm',
        animateOut: 'fadeOutDown',
        autoplay: false,
        autoplayTimeout: 5000, // set value to change speed
        autoplayHoverPause: true,
        dots: false,
        nav: true,
        autoplay: true,
        responsiveClass: true,
        responsive: {
            0: {
                items: 1,
                nav: true
            },
            600: {
                items: 2,
                nav: true
            },
            1300: {
                items: 4,
                nav: true
            }
        }
    })
    owlRtl()

})(jQuery);

function owlRtl() {
	"use strict";
    
    //RTL Owl-carousel
    var carousel = $('.rtl .owl-carousel');
    $.each(carousel, function(index, element) {
        var carouselData = $(element).data('owl.carousel');
        carouselData.settings.rtl = true; //don't know if both are necessary
        carouselData.options.rtl = true;
        $(element).trigger('refresh.owl.carousel');
    });
}