在后端将图像添加到 page.files 属性

Question

我正在尝试让子页面的图片在我的 bootstrap 卡片中可见。我检查了我的 bootstrap 模板扩展的代码，它似乎已经具有此功能，但是没有图片可见，因为 page.files.0 是空的 - 我如何在后端用图片填充它（不是以编程方式因为我希望编辑也这样做）？
我尝试在资源选项卡中添加文件，如下所示。但是调试的时候"Files"是空的

 menu => array(5 items)
      0 => array(8 items)
         data => array(70 items)
         title => 'Kampagne01' (10 chars)
         link => '/index.php?id=5' (15 chars)
         target => NULL
         active => 0 (integer)
         current => 0 (integer)
         spacer => 0 (integer)
         files => array(empty)

这是试图使 MenuCardDir.html 中的图像在 bootstrap 4 扩展中可见的代码：

<f:if condition="{page.files.0}">
    <div class="card-img-top">
        <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
        <f:render partial="Media/Rendering/Image" arguments="{file: page.files.0, data: page.data, settings: settings, variants: variants}" />
        </a>
    </div>
</f:if>

Answer 1

原来 bootstrap 模板菜单卡没有加载 "Resources" 选项卡中的文件。仅加载缩略图和图标。我只是用 "media" 覆盖了 "thumbnail" 字段，这是我保存图像的地方。现在可以了。

##################################################
#### Customizing for showing media field in Cards
##################################################
#Selected cards
tt_content.menu_card_list.dataProcessing.20.dataProcessing.10 {
    references.fieldName = media
}
#Cards of subpages
tt_content.menu_card_dir.dataProcessing.20.dataProcessing.10 {
    references.fieldName = media
}

这东西真是令人困惑，如果有人看得更清楚 bootstrap_package 并且可以告诉我更简单的方法，请告诉我 :D

在后端将图像添加到 page.files 属性

Add images to page.files property in backend

typo3-8.x