Как запустить поиск товара и слайдер заново

Хотел сделать ещё слайдер,для этого нужно было в CSS немножко классы поменять,как итог ни поиск ни слайдер не работает. Валидатор кода HTML пишет что какие то заголовки ему не нравяться, а эти заголовки менять нечем,на них всё работает. Прошерстил CSS ошибку не нашёл, в чём прикол непонятно. Есть код JS слайдера. Хотелось бы слайдер хотя бы запустить

$(function(){
    $('.banner-section_slider').slick({
        dots:true,
        prevArrow:'<button class="banner-section_slider-btn banner-section_slider-btnprev"><img src="images/arrow-left.svg" alt=""></button>',
        nextArrow:'<button class="banner-section_slider-btn banner-section_slider-btnnext"><img src="images/arrow-right.svg" alt=""></button>',
    });
$('.tab').on('click', function(e){
e.preventDefault();


  $('.tab').removeClass('tab--active');
  $('.tabs-content').removeClass('tabs-content--active');
  
  $(this).addClass('tab--active');
  $($(this).attr('href')).addClass('tabs-content--active');
  });
  
$('.product-item_favorite').on('click',function(){
  $('.product-item_favorite').toggleClass('product-item_favorite--active')
});
   $('.product-slider').slick({
     slidesToShow:3,
     slidesToScroll:1
   });
});[![На картинке можно увидеть что слайдер ушёл в отказ][1]][1]
    


  [1]: https://i.stack.imgur.com/mBaFh.jpg