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 属性来获取Metafield 的值。除此之外，您的循环变量只是混淆了。在您的 JSON 中，您有一个顶级属性命名幻灯片，它是一个对象数组。因此，您必须遍历幻灯片属性而不是基础 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 %}

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

Shopify JSON type meta-field loop not working

arrays

json

for-loop

liquid

shopify