带有 shopify 液体的 Flickity 滑块，并从 shopify 主题代码中添加 initialIndex

如何解决带有 shopify 液体的 Flickity 滑块，并从 shopify 主题代码中添加 initialIndex

我在 Shopify 主题中使用了 Flickity 滑块，现在我想在我的代码中添加 initialIndex

我的液体代码

  <div class="carousel"  data-flickity='{  "initialIndex": 7,"adaptiveHeight": false,"freeScroll":true,"cellAlign": "left","groupCells": "66%","contain": true,"pageDots":false,"arrowShape": { "x0": 10,"x1": 70,"y1": 50,"x2": 80,"y2": 40,"x3": 35} }'>
        {% for block in section.blocks %}
        <div class="carousel-cell {% if page.url == block.settings.cs-m-u %}is-active-cs-mmenu{% endif %}" >
          <a data-atrib-index= " {{ forloop.index }}" class="cs-icon-link {% if page.url == block.settings.cs-m-u %}active-cs-menu{% endif %}" href="{{ block.settings.cs-m-u }}">
            <span class="cd-menut-icon">
              {{ block.settings.cs-m-svg }}
            </span>
            <span class="contact-text">{{block.settings.cs-m-tx}}</span>
          </a>
        </div>
        {% endfor %}
      </div>

initialIndex": 7,我想添加基于 data-atrib-index=" {{ forloop.index }}" " 这显示 for 循环活动索引所以这个值我需要添加到 Flickity data-flickity = 我怎么能做到这一点"