scripts.js

    var $status = $('.slide-count');
    var $slickElement = $('.slideshow', this);
    
    $slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
      //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
      if(!slick.$dots){
        return;
      }
      
      var i = (currentSlide ? currentSlide : 0) + 1;
      $status.html(i + '<div>/' + (slick.$dots[0].children.length) + '</div>' );
    });
    
    $slickElement.slick({
      autoplay: false,
      dots: true,
      arrows: true,
      speed: 500,
      prevArrow: '<span class="slick-prev"></span>',
      nextArrow: '<span class="slick-next"></span>',
      appendArrows: '.arrows-slider'
    });