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

Question

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

 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)

这是试图使引导4扩展名在MenuCardDir.html中显示图像的代码：

<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

事实证明，引导程序模板菜单卡未加载“资源”选项卡中的文件。仅加载缩略图和图标。我只是用“媒体”覆盖了“缩略图”字段，这是保存图像的地方。现在就可以了。

##################################################
#### 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