setMultipleCarrossel

function setMultipleCarrossel() {
  const multipleCarrossel = $(".multipleCarrosel");
  if (multipleCarrossel.length > 0) {
    $(".abas_vitrine ul li a").click(function (event) {
      event.preventDefault();

      if ($(this).hasClass("active")) {
        return; // se a aba já estiver ativa, não faz nada
      }

      var tab = $(this).attr("class"); // captura a classe da aba clicada

      var prateleiras = $(".carrossel_aba");

      $(".abas_vitrine ul li a").removeClass("active"); // remove classe 'active' de todas as abas
      $(this).addClass("active"); // adiciona classe 'active' à aba clicada
      $(".carrossel_aba").removeClass("active"); // remove classe 'active' de todas as prateleiras
      var prateleira = $(".carrossel_aba_" + tab.substr(-1)).eq(1); //seleciona a prateleira de mesmo indice da aba
      prateleira.addClass("active"); // adiciona classe 'active' à prateleira correspondente

      prateleiras.find(".shelf ul").each(function () {
        var carrossel = $(this).not(".flag-produto ul").not("ul.slick-dots");
        if (carrossel.hasClass("slick-initialized")) {
          carrossel.slick("unslick");
        }
      });

      var carrossel = prateleira
        .find(".shelf ul")
        .not(".flag-produto ul")
        .not("ul.slick-dots");

      if (carrossel.length > 0 && !carrossel.hasClass("slick-initialized")) {
        var carrosselSm = prateleira.data("sm"),
          carrosselMd = prateleira.data("md"),
          carrosselLg = prateleira.data("lg"),
          dots = prateleira.data("dots"),
          arrow = prateleira.data("arrow"),
          infinite = prateleira.data("infinite"),
          speed = prateleira.data("speed"),
          autoplay = prateleira.data("autoplay");

        carrossel.slick({
          dots: dots,
          arrows: arrow,
          infinite: infinite,
          speed: speed,
          autoplay: autoplay,
          slidesToShow: carrosselLg,
          slidesToScroll: carrosselLg,
          responsive: [
            {
              breakpoint: 1024,
              settings: {
                slidesToShow: carrosselMd,
                slidesToScroll: carrosselMd,
              },
            },
            {
              breakpoint: 767,
              settings: {
                slidesToShow: carrosselSm,
                slidesToScroll: carrosselSm,
                dots: false,
              },
            },
          ],
        });
      }
    });
  }
}