Changing data from a Slick method in mobile version - Slick

Question

I’m making some changes to a particular site, but I got stuck. This site has the slide slick, I realized that every resolution less than 480 the arrows of the slide disappear, IE, there is a breakpoint.

my goal is to activate these arrow to mobile version

how can I change slickes settings indirectly(I don’t have access to the code, just add new codes).

var i = Number($("[data-produtos-linha]").attr("data-produtos-linha"));
    if ($("img[data-imagem-caminho]").length && $("body").on("mouseover", ".listagem-item", function() {
            var b = $(this).find("img[data-imagem-caminho]");
            b.hasClass("hover") || (b.addClass("hover"), b.after('<img src="' + b.data("imagem-caminho") + '" class="imagem-zoom">'))
        }), i) new LazyLoad2({
        threshold: 120,
        elements_selector: ".slick-product",
        callback_enter: function(b) {
            $(b).slick({
                infinite: !0,
                lazyLoad: "ondemand",
                speed: 300,
                slidesToShow: i,
                slidesToScroll: 1,
                responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: i - 1,
                        slidesToScroll: i - 1,
                        infinite: !0
                    }
                }, {
                    breakpoint: 480,
                    settings: {
                        arrows: !1,
                        slidesToShow: 2,
                        slidesToScroll: 2,
                        infinite: !0
                    }
                }]
            })
        }
    })

FOLLOW THE LINK TO THE JS COMPLETE CODE WITH Slick https://cdn.awsli.com.br/temasv2/1528/__theme_custom.js? v=1604067677

mobile version

desktop version