Shopify JSON 类型元字段循环不起作用

Question

我正在使用内置元字段的 shopify 并将其类型设置为 JSON，但不知何故循环该值不起作用。

{
    "slides": [{
        "title": "Title 1",
        "description": "This is description body",
        "image": "https://cdn.shopify.com/s/files/"
    }, {
        "title": "Title 2",
        "description": "This is description body",
        "image": "https://cdn.shopify.com/s/files/"
    }]
}

上面是我设置的示例值，下面是代码，但它根本不起作用。

{% if product.metafields.spec.slider != blank %}
  <div class="grid">
    {% assign sliders = product.metafields.spec.slider %}

    {% for slider in sliders %}
      <div class="grid__item">
        <img src="{{ slides.image }}" alt="" />

        <h4>{{ slides.title }}</h4>
        <p>{{ slides.description }}</p>
      </div>
    {% endfor %}
  </div>
{% endif %}

Answer 1

您将需要使用value属性来获取元字段的值。除此之外，你的循环变量只是混合在一起。在 JSON 中，您有一个名为 Slides 的顶级属性，它是一个对象数组。因此，您必须迭代幻灯片属性而不是基本 JSON 值。

这样做，您的代码将是

{% if product.metafields.spec.slider.value != blank %}
    <div class="grid">
    {% assign slider = product.metafields.spec.slider.value %} 
    {% for slide in slider.slides %}
        <div class="grid__item">
            <img src="{{ slide.image }}" alt="" />
            <h4>{{ slide.title }}</h4>
            <p>{{ slide.description }}</p>
        </div>
    {% endfor %}
    </div>
{% endif %}