https://www.polocenter.gr/wp-content/themes/polocenter/inc/blocks/…/cards-slick-extras.js?ver=7.1.2

1/**
2 * Slick extra functions.
3 */
4
5jQuery(function ($) {
6  // Initialize Slick slider
7  $('.cards-carousel-slider').each(function () {
8      var desktopColumns = $(this).data('desktop-columns');
9      var hasPagingString = $(this).data('has-paging'); // Get the string value of the attribute
10      var hasPaging = Boolean(hasPagingString); // Convert the string value to boolean
11
12      $(this).slick({
13          slide: '.card-carousel-slide',
14          dots: hasPaging, // Set dots option based on hasPaging value
15          arrows: true,
16          infinite: false,
17          slidesToShow: desktopColumns,
18          slidesToScroll: 1,
19          cssEase: 'linear',
20          swipe: true,
21          autoplay: true,
22          autoplaySpeed: 9000,
23          lazyLoad: 'progressive',
24          adaptiveHeight: true,
25          pauseOnFocus: true,
26          respondTo: 'window',
27          prevArrow: '<div class="slick-prev"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="9" height="15" viewBox="0 0 9 15" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-115.023,-633.995)"><path id="Rectangle-1-copy-3" serif:id="Rectangle 1 copy 3" d="M116.969,639.054L116.969,639.054L115.023,641C115.023,641 116.969,642.946 116.969,642.946L116.969,642.946L122.028,648.005L123.974,646.059L118.915,641L123.974,635.94L122.028,633.995L116.969,639.054Z" style="fill:white;"/></g></svg></div>',
28          nextArrow: '<div class="slick-next"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="20" height="20" viewBox="0 0 20 20" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-1770,-631)"><g transform="matrix(0.648803,0,0,0.82597,625.001,109.813)"><rect x="1764.79" y="631" width="30.826" height="24.214" style="fill:none;"/></g><path id="Rectangle-1-copy-2" serif:id="Rectangle 1 copy 2" d="M1783.03,639.054L1783.03,639.054L1784.98,641L1783.03,642.946L1783.03,642.946L1777.97,648.005L1776.03,646.059L1781.09,641L1776.03,635.94L1777.97,633.995L1783.03,639.054Z" style="fill:white;"/></g></svg></div>',
29          customPaging: function(slider, i) {
30            return '<span class="slick-number">' + ('0' + (i + 1)).slice(-2) + '</span>'; // Format slide number as "01", "02", etc.
31          },
32          responsive: [{
33                  breakpoint: 480,
34                  settings: {
35                      slidesToShow: 2
36                  }
37              },
38              {
39                  breakpoint: 768,
40                  settings: {
41                      slidesToShow: 2
42                  }
43              },
44              {
45                  breakpoint: 1180,
46                  settings: {
47                      slidesToShow: 3
48                  }
49              }
50          ]
51      });
52  });
53});