https://eduacademy1.netlify.app/js/slider.js

1$('.slider').slick({
2     dots: false,
3     infinite: true,
4     arrows: true,
5     speed: 600,
6     slidesToShow: 1,
7     fade: true,
8     responsive: [
9       {
10         breakpoint: 1024,
11         settings: {
12           slidesToShow:1,
13           infinite: true,
14         }
15       },
16       {
17         breakpoint: 600,
18         settings: {
19           slidesToShow:1,
20         }
21       },
22       {
23         breakpoint: 480,
24         settings: {
25          arrows: true,
26     infinite: true,
27           slidesToShow: 1,
28         }
29       }
30       // You can unslick at a given breakpoint now by adding:
31       // settings: "unslick"
32       // instead of a settings object
33     ]
34});
35
36$('.slider_eventos').slick({
37  arrows:         false,
38  autoplay:       true,
39  dots: true,
40  autoplaySpeed:  5000,
41  infinite:       true,
42  pauseOnFocus:   false,
43  pauseOnHover:   false,
44  slidesToShow:   2,
45  slidesToScroll: 1,
46  responsive: [
47    {
48      breakpoint: 1024,
49      settings: {
50        slidesToShow:1,
51        infinite: true,
52      }
53    },
54    {
55      breakpoint: 600,
56      settings: {
57        slidesToShow:1,
58      }
59    },
60    {
61      breakpoint: 480,
62      settings: {
63  arrows: true,
64        slidesToShow: 1,
65      }
66    }
67    // You can unslick at a given breakpoint now by adding:
68    // settings: "unslick"
69    // instead of a settings object
70  ]
71});
72
73$('.slider_casos').slick({
74
75  dots: true,
76  infinite: true,
77  arrows: false,
78  speed: 600,
79  slidesToShow: 1,
80  fade: true,
81  responsive: [
82    {
83      breakpoint: 1024,
84      settings: {
85        slidesToShow:1,
86        infinite: true,
87      }
88    },
89    {
90      breakpoint: 600,
91      settings: {
92        slidesToShow:1,
93      }
94    },
95    {
96      breakpoint: 480,
97      settings: {
98        arrows: false,
99        slidesToShow: 1,
100      }
101    }
102    // You can unslick at a given breakpoint now by adding:
103    // settings: "unslick"
104    // instead of a settings object
105  ]
106});
107
108
109
110$('.slider_posts_edutech').slick({
111  arrows:         false,
112  autoplay:       false,
113  dots: true,
114  infinite:       true,
115  pauseOnFocus:   false,
116  pauseOnHover:   false,
117  slidesToShow:   3,
118  slidesToScroll: 1,
119  responsive: [
120    {
121      breakpoint: 1024,
122      settings: {
123        slidesToShow:   3,
124        infinite: true,
125      }
126    },
127    {
128      breakpoint: 600,
129      settings: {
130        slidesToShow:   2,
131
132      }
133    },
134    {
135      breakpoint: 480,
136      settings: {
137        arrows: true,
138  dots: false,
139        slidesToShow:   1,
140      }
141    }
142    // You can unslick at a given breakpoint now by adding:
143    // settings: "unslick"
144    // instead of a settings object
145  ]
146});
147
148$('.slider_caracteristicas').slick({
149  dots: true,
150  infinite: true,
151  arrows: false,
152  speed: 600,
153  slidesToShow: 1,
154  fade: true,
155  responsive: [
156    {
157      breakpoint: 1024,
158      settings: {
159        slidesToShow:1,
160        infinite: true,
161      }
162    },
163    {
164      breakpoint: 600,
165      settings: {
166        slidesToShow:1,
167      }
168    },
169    {
170      breakpoint: 480,
171      settings: {
172       arrows: false,
173  infinite: true,
174        slidesToShow: 1,
175      }
176    }
177    // You can unslick at a given breakpoint now by adding:
178    // settings: "unslick"
179    // instead of a settings object
180  ]
181});
182
183$('.slide_paquetes').slick({
184  dots: true,
185  infinite: true,
186  arrows: false,
187  speed: 300,
188  slidesToShow: 1,
189  customPaging : function(slider, i) {
190    var thumb = $(slider.$slides[i]).data();
191    switch(i+1){
192      case 1:
193        return '<a class="dot">1 Solución</a>';
194        break;
195      case 2:
196        return '<a class="dot">2 Soluciones (15% de descuento)</a>';
197        break;
198      case 3:
199        return '<a class="dot">3 o más soluciones (20% de descuento)</a>';
200        break;
201    }
202    
203            },
204  responsive: [
205    {
206      breakpoint: 1024,
207      settings: {
208        slidesToShow:1,
209        infinite: true,
210      }
211    },
212    {
213      breakpoint: 600,
214      settings: {
215        slidesToShow:1,
216      }
217    },
218    {
219      breakpoint: 480,
220      settings: {

221        arrows: false,
222        slidesToShow: 1,
223      }
224    }
225    // You can unslick at a given breakpoint now by adding:
226    // settings: "unslick"
227    // instead of a settings object
228  ]
229});
230
231
232$('.planes-solucion').slick({
233  dots: true,
234  infinite: true,
235  arrows: false,
236  speed: 300,
237  slidesToShow: 1,
238  mobileFirst: true, 
239  responsive: [
240    {
241      breakpoint: 1024,
242        settings: "unslick"
243    },
244    {
245      breakpoint: 600,
246      settings: {
247        slidesToShow:1,
248        settings: "unslick"
249      }
250    },
251    {
252      breakpoint: 480,
253      settings: {
254        arrows: true,
255        slidesToShow: 1,
256      }
257    }
258    // You can unslick at a given breakpoint now by adding:
259    // settings: "unslick"
260    // instead of a settings object
261  ]
262});