Javascript Shopify/Liquid-使用案例/当循环，同时更新购物车项目数量

我正在使用以下液体回路：

{%- for option in variant_options -%}
  <li class="product-details__item product-details__item--variant-option" data-cart-item-option>
    {% case option.value %}
      {% when 'S' %}
      Small
      {% when 'M' %}
      Medium
      {% when 'L' %}
      Large
    {% endcase %}
  </li>
{%- endfor -%}

{%-for variant_options-%}

{%case option.value%}
{%S时为“%”
小的
{%当'M'%}
中等
{%当'L'%}
大的
{%endcase%}

{%-endfor-%}

此精细操作适用于初始页面加载，但当您更改购物车中任何产品的数量时，它会使每个购物车项目的option.value返回到原始option.value-即刷新它们并使其看起来好像case/when循环不存在

我怀疑它是由javascript驱动的，但欢迎任何想法/解决方案

---

我使用的是标准的shopify首版主题。

在初始页面加载时，似乎正在使用Liquid作为模板，因此这些值不会跟踪用户所做的更改

Shopify有一个可以获取购物车内容的窗口，因此可以使用JavaScript来实现这一点

let updateList=（）=>{
获取（'/cart.js'）
.then（（resp）=>resp.json（））//将数据转换为json
.then（功能（数据）{
设i=0；
设j=0；
让lis=''；
让optName=''；
对于（i=0；i

在上面的代码中，创建了一个函数，用于检索购物车内容、遍历购物车并将变体列表写入页面

---

然后，它将事件处理程序设置为在单击页面上的相关按钮（添加到购物车、增加数量、减少数量）时调用此函数。

在初始页面加载时，似乎正在使用Liquid进行模板化，因此这些值不会跟踪用户所做的更改

Shopify有一个可以获取购物车内容的窗口，因此可以使用JavaScript来实现这一点

let updateList=（）=>{
获取（'/cart.js'）
.then（（resp）=>resp.json（））//将数据转换为json
.then（功能（数据）{
设i=0；
设j=0；
让lis=''；
让optName=''；
对于（i=0；i

在上面的代码中，创建了一个函数，用于检索购物车内容、遍历购物车并将变体列表写入页面

---

然后，它设置事件处理程序，以便在单击页面上的相关按钮（添加到购物车、增加数量、减少数量）时调用此函数。

您能否提供更多详细信息，如您在何处使用代码、预期结果等。您能否提供更多详细信息，如您在何处使用代码、预期结果等。