在Shopify首秀主题产品的幻灯片中添加箭头

我希望你能帮助我。 我使用的是首秀主题，这是我的产品，我希望能够在我的产品上放一个幻灯片，如果可能的话，在我按下箭头（我自己画的例子）时更改图像和变体

this.settings={
可访问性：是的，
箭头：是的，
点：是的，
是的，
真的，
接触阈值：20，
自动播放：这是自动旋转，
自动播放速度：自动播放速度，
//eslint禁用下一行shopify/jquery美元符号引用
附录点：这个。$arrows，
customPaging：函数（slick，index）{
返回(
''
);
}
};

当我在寻找时，我需要的是在我的theme.js文件中将arrows var（为false）的值更改为true，正如您所看到的，我已经这样做了，但仍然没有看到结果

this.settings = {
      accessibility: true,
      arrows: true,
      dots: true,
      fade: true,
      draggable: true,
      touchThreshold: 20,
      autoplay: this.autorotate,
      autoplaySpeed: autoplaySpeed,
      // eslint-disable-next-line shopify/jquery-dollar-sign-reference
      appendDots: this.$arrows,
      customPaging: function(slick, index) {
        return (
          '<a href="' +
          selectors.wrapper +
          sectionId +
          '" aria-label="' +
          loadSlideA11yString.replace('[slide_number]', index + 1) +
          '" data-slide-number="' +
          index +
          '"></a>'
        );
      }
    };