通过链接列表访问 Shopify Collection 元字段答案

【问题标题】：Access Shopify Collection metafields via linklist通过链接列表访问 Shopify Collection 元字段
【发布时间】：2018-11-28 19:01:30
【问题描述】：

我希望显示一个自定义字段（使用应用程序 Shopify 自定义字段）来显示集合图像以外的另一个图像（我们不能使用集合图像，原因太长而无法写）。现在使用自定义字段，它是一个文本字段（我们将其作为我们要使用的图像的绝对 URL）：

<img src="{{ collection.metafields.custom_fields["collection_list_image_url"] }}" alt="{{ link.title }}"/>

为了像平常一样获取 Collection 图像，我使用了它：

<img src="{{ link.object.image.src | collection_img_url: 'master' }}" alt="{{ link.title }}"/>

由于某种原因，图像未显示，并且在检查后显示 img src 未知。如果我们使用正常的集合图像，它确实有效。是否需要添加一些内容才能让此自定义字段为菜单导航（链接列表）中的每个集合动态显示？

我写了以下代码：

<div class="collection-list">
  {% for link in linklists.collection-list.links %}
    <div class="box">
      <a href="{{ link.url }}">
        <img src="{{ collection.metafields.custom_fields["collection_list_image_url"] }}" alt="{{ link.title }}"/>    
         <div class="heading">
           <h2>{{ link.title }}</h2>
           <button type="button" class="btn btn-dark">shop now</button>
         </div>
       </a>
     </div>
   {% endfor %}
 </div>

【问题讨论】：

看起来您的代码没有显示任何类型的循环，其中设置了具有元字段资源的实际集合。在您展示的代码中，什么是集合？如果你能透露这一点，你可能会明白为什么你的图片没有显示出来。
该集合基于在导航菜单（集合列表）中选择的集合，该集合在 for 中被引用。
用我用来动态显示正常集合图像的代码更新问题。
src="{{ link.object.metafields.custom_fields['collection_list_image_url'] }}"

标签： html for-loop metadata shopify liquid

【解决方案1】：

您需要引用link.object（并且可能要考虑到它可能不是一个集合的事实）。引用元字段键时在双引号内嵌套单引号也是更好的语法：

<div class="collection-list">
  {% for link in linklists.collection-list.links %}
    {% if link.object == 'collection' %}
      {% assign cf = link.object.metafields.custom_fields %}
      <div class="box">
        <a href="{{ link.url }}">
          <img src="{{ cf['collection_list_image_url'] }}" alt="{{ link.title }}">
          <div class="heading">
            <h2>{{ link.title }}</h2>
            <button type="button" class="btn btn-dark">shop now</button>
          </div>
        </a>
      </div>
    {% endif %}
  {% endfor %}
</div>

【讨论】：