https://www.doctorswithoutborders.org/themes/custom/msf/pattern-la…/11-slider/slick-settings.js?tlrfvj

1/**
2 * @file
3 * Slick slider plugin settings
4 */
5
6(function (Drupal, $) {
7  Drupal.behaviors.slickSlider = {
8    attach: function(context) {
9      // The use of a not statement fixes an issue in which we might have
10      // slides from another slider/ slideshow, and they get confused as being
11      // an initiating element.
12      // Also, we use "context" to avoid Ajax loading this element twice.
13      $('.slick-slider:not(.slick-slideshow)', context).slick({
14        dots: true,
15        arrows: true,
16        mobileFirst: true,
17        slidesToScroll: 1,
18        slidesToShow: 1,
19        centerMode: true,
20        prevArrow:
21          "<button class='slick-slider-prev slick-slider-arrow' aria-label='Previous' type='button' style=''>&nbsp;</button>",
22        nextArrow:
23          "<button class='slick-slider-next slick-slider-arrow' aria-label='Next' type='button' style=''>&nbsp;</button>",
24        responsive: [
25          {
26            breakpoint: 768,
27            settings: {
28              slidesToScroll: 1,
29              slidesToShow: 2,
30              dots: false,
31              centerMode: false,
32            },
33          },
34          {
35            breakpoint: 1170,
36            settings: {
37              slidesToScroll: 3,
38              slidesToShow: 3,
39              dots: false,
40              centerMode: false,
41              arrows: $('.teaser--basic').length > 3, // keep the same as slidesToShow.
42            },
43          },
44        ],
45      });
46    },
47  };
48})(Drupal, jQuery);