如何显示 craft CMS 和 twig 中每个条目的相关条目中的图像？

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 %}

如何将相关人员图像添加到每张卡片？如果您能解释一下，那也很好，因为我不了解模板。这些文档对我来说不够

Answer 1

如果你想获取图片，试试下面的代码：

{% 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 %}

Answer 2

我认为您在获取图像的代码中错过了 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。希望对你有用。

谢谢。

如何显示 craft CMS 和 twig 中每个条目的相关条目中的图像？

How can I display the image from the related entry for each entry in craft CMS and twig?

twig

octobercms

craftcms