Why isn't my product gallery clickable in my theme.js?

Store Design
1

Hello

My product gallery is not working. when I try to click on one of these images it is not clickable item:

aa.png
aa.png420×514 299 KB

in the theme.js it is probably this part:

//Detail Gallery
  function detail_gallery(){
    if($('.detail-gallery').length>0){
      $('.detail-gallery').each(function(){
        var data=$(this).find(".carousel").data();
        $(this).find(".carousel").jCarouselLite({
          btnNext: $(this).find(".gallery-control .next"),
          btnPrev: $(this).find(".gallery-control .prev"),
          speed: 100,
          visible:data.visible,
          vertical:data.vertical,
        });

or maybe here:

if($('.item-product1').length>0){
      $('.item-product1').each(function(){
        var self = $(this);
        self.find(".thumb-carousel-product img").on('click',function() {
          self.find(".product-thumb.mid>a>img").attr("src", $(this).attr("src"));
        })
        self.find('.carousel-product ul li>a').on('click',function(event){
          event.preventDefault();
          self.find('.carousel-product ul li').removeClass('active');
          $(this).parent().addClass('active');
        });
        self.find(".carousel-product").jCarouselLite({
          speed: 800,
          vertical: false,
          visible: 4,
        }); 
      })
    }

Can’t find where is the problem. Main image is not changing when I click on the small thumbnail. Please help.

Website: https://shamanicshop.myshopify.com/products/meditation-chakra-yoga-mat%C2%AE?variant=41994214506730
pass: vuista

2

bump