cottage/js/slick-init.js

jQuery(function( $ ){

	$('.home-carousel').slick({
		arrows: true,
		autoplay: true,
		autoplaySpeed: 5000, // time for which each set of images remains in view. Default: 3000.
		speed: 1000, // speed at which next set of images comes into view. Default: 300.
		slidesToShow: 3,
		slidesToScroll: 1,
		nextArrow: '<i class="fa fa-chevron-right slick-arrow-next" aria-hidden="true"></i>',
		prevArrow: '<i class="fa fa-chevron-left slick-arrow-prev" aria-hidden="true"></i>',
		responsive: [
			{
				breakpoint: 1025,
				settings: {
					slidesToShow: 2,
					slidesToScroll: 2
				}
			},
			{
				breakpoint: 769,
				settings: {
					slidesToShow: 1,
					slidesToScroll: 1,
				}
			},
			{
				breakpoint: 471,
				settings: {
					arrows: false,
					slidesToShow: 1,
					slidesToScroll: 1,
					autoplay: true
				}
			}
		  ]
	});

});