首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何显示CMS和twig中每个条目的相关条目的图像?

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

Stack Overflow用户
提问于 2018-08-02 14:33:35
回答 2查看 1.3K关注 0票数 2

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

在我的索引页面上,我循环遍历条目并创建一个包含persons详细信息的<div>。例如

代码语言:javascript
复制
{% set person = entry.relatedPerson[0] ?? null %}

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

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

我已经尝试过了,它会在自己的div中显示作为图像的每个资产的列表。

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

我也试过这个,什么也没有显示。

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

如何将relatedPerson镜像添加到每张卡?另外,如果你能解释一下,因为我不理解模板,那就太好了。这些文档对我来说还不够

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-08-31 14:33:08

我认为您在获取图像的代码中遗漏了getUrl "()“后面的括号。getUrl是一种方法。

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

使用我在上面的代码中使用的getUrl。我希望它能为你工作。

谢谢。

票数 2
EN

Stack Overflow用户

发布于 2018-08-20 02:37:00

如果您想获取图像,请尝试以下代码:

代码语言:javascript
复制
{% 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 %}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51646929

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档