// JavaScript Document jQuery(document).ready(function ($) { $('.gradient-product-slider').attr("style","display: block"); $('.gradient-col6-slider').attr("style","display: block"); $('.gradient-col5-slider').attr("style","display: block"); $('.gradient-col4-slider').attr("style","display: block"); $('.gradient-col3-slider').attr("style","display: block"); $('.gradient-col2-slider').attr("style","display: block"); $('.gradient-col1-slider').attr("style","display: block"); $('.gradient-col6-slider').slick({ slidesToShow: 6, slidesToScroll: 6, variableheight:false, infinite: true, cssEase: 'linear', responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.gradient-col5-slider').slick({ slidesToShow: 5, slidesToScroll: 5, infinite: true, cssEase: 'linear', responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.gradient-col4-slider').slick({ slidesToShow: 4, slidesToScroll: 4, infinite: true, cssEase: 'linear', responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.gradient-col3-slider').slick({ slidesToShow: 3, slidesToScroll: 3, infinite: true, cssEase: 'linear', responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.gradient-col2-slider').slick({ slidesToShow: 2, slidesToScroll: 2, infinite: true, cssEase: 'linear', responsive: [{ breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, //dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.gradient-col1-slider').slick({ slidesToShow: 1, slidesToScroll: 1, infinite: true, cssEase: 'linear' }); });