https://stimul.online/local/templates/site-template/js/slick_init.js

1(function($, undefined) {
2	$(function() {
3		if ($.fn.slick) {
4		
5			$('.js-slider-products')
6			.slick({
7				dots: false,
8				arrows: true,
9				infinite: true,
10				speed: 500,
11				slidesToShow: 3,
12				slidesToScroll: 1,
13				responsive: [{
14					breakpoint: 992,
15					settings: {
16						arrows: true,
17						slidesToShow: 2,
18						slidesToScroll: 1
19					}
20				},				
21				{
22					breakpoint: 700,
23					settings: {
24						arrows: true,
25						slidesToShow: 2,
26						slidesToScroll: 1
27					}
28				},				
29				{
30					breakpoint: 480,
31					settings: {
32						arrows: true,
33						slidesToShow: 1,
34						slidesToScroll: 1
35					}
36				}
37			]});
38
39			$('.js-four-slider')
40			.slick({
41				dots: false,
42				arrows: true,
43				infinite: true,
44				speed: 500,
45				slidesToShow: 4,
46				slidesToScroll: 1,
47				responsive: [{
48					breakpoint: 992,
49					settings: {
50						arrows: true,
51						slidesToShow: 3,
52						slidesToScroll: 1
53					}
54				},				
55				{
56					breakpoint: 700,
57					settings: {
58						arrows: true,
59						slidesToShow: 2,
60						slidesToScroll: 1
61					}
62				}
63			]});
64
65			$('.js-one-slider')
66			.slick({
67				dots: false,
68				arrows: true,
69				infinite: true,
70				speed: 500,
71				slidesToShow: 1,
72				slidesToScroll: 1,
73			});
74
75			$(".js-slider-with-nav")
76			.each(function(){
77				var $self = $(this),
78					$slider = $self.find(".js-slider-for"),
79					$sliderNav = $self.find(".js-slider-nav");
80				$slider.on("init reinit", function(event, slick) {
81					$(slick.$slides).each(function(){
82						$(this).find("a").squareBox();
83					});
84				}).slick({
85					arrows: false,
86					fade: true,
87					asNavFor: $sliderNav
88				});
89				$sliderNav.on("init reinit", function(event, slick) {
90					$(slick.$slides).each(function(){
91						$(this).find("span").squareBox();
92					});
93				}).slick({
94					arrows: false,
95					infinite:false,
96					slidesToShow: 3,
97					slidesToScroll: 1,
98					asNavFor: $slider,
99					focusOnSelect: true,
100				});
101			});
102
103			$(".js-slider-gallery")
104			.each(function(){
105				var $self = $(this),
106					$slider = $self.find(".js-slider-for"),
107					$sliderNav = $self.find(".js-slider-nav");
108				$slider.on("init reinit", function(event, slick) {
109					$(slick.$slides).each(function(){
110						$(this).find("a").squareBox();
111					});
112				}).slick({
113					arrows: false,
114					fade: true,
115					asNavFor: $sliderNav
116				});
117				$sliderNav.on("init reinit", function(event, slick) {
118					$(slick.$slides).each(function(){
119						$(this).find("span").squareBox();
120					});
121				}).slick({
122					arrows: true,
123					infinite:false,
124					slidesToShow: 4,
125					slidesToScroll: 1,
126					asNavFor: $slider,
127					focusOnSelect: true,
128				});
129			});
130			
131		} else {
132			console.log("$.slick is not defined!");
133		}		
134		
135	}); // end $.ready()
136})(jQuery); // end or closure