TYPO3 新闻：在预览中显示第一张图片答案

【问题标题】：TYPO3 News: show first image in previewTYPO3 新闻：在预览中显示第一张图片
【发布时间】：2018-07-04 07:30:39
【问题描述】：

我在 TYPO3 8.7.13 中使用 Georg Ringer 的新闻扩展。

如果没有为预览选择图像，则扩展程序会显示一个虚拟图像。是否可以改用文章中的第一张图片？

谢谢

【问题讨论】：

【解决方案1】：

当然，您需要覆盖 List/Item 流体部分。为此，请添加

plugin.tx_news.view.partialRootPath = EXT:your_extension/Resources/Private/Partials/News/

在您的排版常量中。

然后从您的扩展中的新闻扩展复制部分流体文件。你应该有这样的东西：

在News/List/Item.html中修改这部分

    <f:if condition="{settings.displayDummyIfNoMedia}">
            <div class="news-img-wrap">
                <span class="no-media-element">
                    <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
                        <f:image src="{settings.list.media.dummyImage}" title="" alt="" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
                    </n:link>
                </span>
            </div>
        </f:if>

到

         <div class="news-img-wrap">
            <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
                <f:alias map="{mediaElement: '{newsItem.falMedia.0}'}">
                    <f:if condition="{mediaElement.originalResource.type} == 2">
                        <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
                    </f:if>
                    <f:if condition="{mediaElement.originalResource.type} == 4">
                        <f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement}"/>
                    </f:if>
                    <f:if condition="{mediaElement.originalResource.type} == 5">
                        <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
                    </f:if>
                </f:alias>
            </n:link>
        </div>

【讨论】：