template-for-verstka/assets/js/app.min.js

$('.serv-page__examples-list').slick({
  infinite: true,
  slidesToShow: 5,
  slidesToScroll: 1,
  prevArrow: '<button class="prevArr sliderArr"></button>',
  nextArrow: '<button class="nextArr sliderArr"></button>',
  responsive: [
    {
      breakpoint: 900,
      settings: {
        slidesToShow: 4,
      }
    },
    {
      breakpoint: 680,
      settings: {
        slidesToShow: 3,
      }
    },
    {
      breakpoint: 550,
      settings: {
        slidesToShow: 1,
        variableWidth: true, 
      }
    }
  ]
});
$('.serv-page__rev-list').slick({
  infinite: true,
  slidesToShow: 2,
  slidesToScroll: 1,
  dots: true,
  prevArrow: '<button class="prevArr sliderArr"></button>',
  nextArrow: '<button class="nextArr sliderArr"></button>',
  responsive: [
    {
      breakpoint: 800,
      settings: {
        slidesToShow: 1,
      }
    },
  ]
});
$('.review_row').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 1,
  dots: true,
  customPaging : function(slider, i) {

    return '<a class="dot">'+ parseInt(i + 1) +'</a>';
  },
  prevArrow: '<img src="assets/img/ico/i-slide-prev.svg" alt="" class="review_prev">',
  nextArrow: '<img src="assets/img/ico/i-slide-next.svg" alt="" class="review_next">',
  responsive: [
    {
      breakpoint: 950,
      settings: {
        slidesToShow: 2,
      }
    },
    {
      breakpoint: 750,
      settings: {
        slidesToShow: 1,
      }
    },
  ]
});
var dot_length = $(".review_item:not('.slick-cloned')").length
console.log(dot_length);
tmp = `
<div class="dot_length">/`+ dot_length +`</div>
`
$('.review_row').append(tmp)

$('.feedback_row').slick({
  centerMode: true,
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 1,
  dots: true,
  variableWidth: true,
  customPaging : function(slider, i) {

    return '<a class="dot">'+ parseInt(i + 1) +'</a>';
  },
  prevArrow: '<img src="assets/img/ico/i-slide-prev.svg" alt="" class="feed_prev">',
  nextArrow: '<img src="assets/img/ico/i-slide-next.svg" alt="" class="feed_next">',
  responsive: [
    {
      breakpoint: 800,
      settings: {
        slidesToShow: 2,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        variableWidth: false,
        centerMode: false,
      }
    },
  ]
});
var dot_length2 = $(".feedback_item:not('.slick-cloned')").length
console.log(dot_length);
tmp2 = `
<div class="dot_length">/`+ dot_length2 +`</div>
`
$('.feedback_row').append(tmp2)

$('.company_row').slick({
  slidesToShow: 6,
  slidesToScroll: 1,
  prevArrow: '<button class="prevArr sliderArr"></button>',
  nextArrow: '<button class="nextArr sliderArr"></button>',
  responsive: [
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 5,
      }
    },
    {
      breakpoint: 800,
      settings: {
        slidesToShow: 4,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 3,
      }
    },
    {
      breakpoint: 500,
      settings: {
        slidesToShow: 1.8,
        infinite: false,
      }
    },
  ]
});

$('.serv-page__faq-head').on('click', function(){
  $(this).toggleClass('active').next().slideToggle()
})

$(window).on('load resize', function() {
  if ($(window).width() <= 600) {
    $('.serv-page__reasons-list:not(.slick-initialized)').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".serv-page__reasons-list.slick-initialized").slick("unslick");
  }
  if ($(window).width() <= 1024) {
    $('.n-region-list:not(.slick-initialized)').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".n-region-list.slick-initialized").slick("unslick");
  }
  if ($(window).width() <= 600) {
    $('.n-achivements-list:not(.slick-initialized)').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".n-achivements-list.slick-initialized").slick("unslick");
  }

  if ($(window).width() <= 550) {
    $('.news-popular').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".news-popular.slick-initialized").slick("unslick");
  }
});

$('.header-new--mobile__burger').on('click', function(){
  $('.burg-menu').fadeIn()
})

$('.burg-menu-close').on('click', function(){
  $('.burg-menu').fadeOut()
})

$('[data-popup]').on('click', function(){
  const p = $(this).data('popup')
  $('#' + p).fadeIn()
})

$('.popup-wrap, .close').on('click', function(e){
  if (e.target == this){
    $(this).closest('.popup').fadeOut();
  }
})

$('.anc-btn').on('click', function(){
  if($(this).hasClass('active')){
    $('.art-anc-list a:not(:last-child').toggle()
    $(this).toggleClass('active')
  }
  else{
    $('.art-anc-list a:not(:last-child').css('display', 'block')
    $(this).toggleClass('active')
  }
})

$('.n-region-link').on('click', function(e){
  e.preventDefault()
  $('.n-region-content').hide()
  $('.n-region-link').removeClass('active')
  var tab = $(this).data('tab')
  $('.n-region-content[data-tab='+ tab +']').show()
  $(this).addClass('active')
})

if ($('.nav_item').length > 0) {
  $('.collapse').not('.collapse:first').fadeOut(0)
  $('.nav_item').click(function(){
      $(this).siblings().removeClass('active')
      $(this).addClass('active')
      
      catalog_item = $('.collapse')[$(this).index()]
      
      $('.collapse').not(catalog_item).fadeOut(300)
      $(catalog_item).fadeIn(300);
  })
}
if($('.fancybox').length !== 0){
  Fancybox.bind('[data-fancybox]', {
    // Your custom options
  });
}