twig - 如何显示工艺 CMS 和树枝中每个条目的相关条目中的图像？

Question

我有一个条目列表。每个条目都有一个相关的人。每个相关人员都有一个头像。

在我的索引页面上，我正在遍历条目并<div>使用人员详细信息创建一个。例如

{% set person = entry.relatedPerson[0] ?? null %}

<p>{{person.firstName}} {{person.lastName}} </p>

我需要访问与此人相关的图片。

已经尝试过这个，它显示每个资产的列表，这些资产是其自己的 div 中的图像。

{% set person = entry.relatedPerson[0] ?? null %} 
{% for image in craft.assets.kind('image') %}
    <li>
          <img src="{{ image.getUrl }}" alt="{{ image.title }}">
    </li>
{% endfor %}

我也试过这个，没有任何显示

{% set person = entry.relatedPerson[0] ?? null %}
{% for image in person.assets.kind('image') %}
    <li>
        <img src="{{ image.getUrl }}" alt="{{ image.title }}">
    </li>
{% endfor %}

如何将relatedPerson 图像添加到每张卡片？如果您能解释一下，因为我不理解模板，那也很棒。文档对我来说还不够

Answer 1

我认为您在获取图像的代码中错过了 getUrl "()" 之后的括号。getUrl 是一种方法。

{% set person = entry.relatedPerson[0] ?? null %} 
{% for image in craft.assets.kind('image') %}
    <li>
          <img src="{{ image.getUrl() }}" alt="{{ image.title }}">
    </li>
{% endfor %}

使用我在上面代码中使用的 getUrl。我希望它对你有用。

谢谢。

Answer 2

如果要获取图像，请尝试以下代码：

{% for block in entry.relatedPerson.all() %}    
    {% set image= block.<image-handle>.one() %}
    <li>
      <img src="{{ siteUrl }}<image-path>/{{ image.filename}}" alt="{{ image.filename }}">
    </li>
{% endfor %}