Question

我创建了一个新的tt_content.layout：

TCEFORM.tt_content.layout.addItems.10 = Layout10

现在我如何更改此布局的样子？我希望首先显示textpic元素的图像，有没有办法实现这一点？怎么样？

任何提示都将不胜感激。谢谢。

Answer 1

如果您使用fluid_styled_content：

在常量中定义模板覆盖的路径。

以下是我的表现方式：

# overrides for fluid_styled_content
# will become lib.fluidContent.templateRootPaths.10
styles.templates.templateRootPath = {$templatePath}/Resources/Private/FSC/Templates
styles.templates.layoutRootPath = {$templatePath}/Resources/Private/FSC/Layouts
styles.templates.partialRootPath = {$templatePath}/Resources/Private/FSC/Partials

这告诉fsc在该文件夹中查找模板。如果它在那里找到它们，它会更喜欢它们到原件。

在此示例中，它可以是typo3conf/ext/template/Resources/Private/Content/FSC/Templates/Textmedia.html

在那里，您可以使用条件来切换渲染的布局

  <f:comment>Default Layout</f:comment>
  <f:if condition="{data.layout} == 0">
    <div class="ce-textpic ce-{gallery.position.horizontal} ce-{gallery.position.vertical}{f:if(condition: gallery.position.noWrap, then: ' ce-nowrap')}">
        <f:if condition="{gallery.position.vertical} != 'below'">
            <f:render partial="MediaGallery" arguments="{_all}" />
        </f:if>

        <div class="ce-bodytext">
            <f:if condition="{gallery.position.noWrap}">
                <f:render partial="Header" arguments="{_all}" />
            </f:if>
            <f:format.html>{data.bodytext}</f:format.html>
        </div>

        <f:if condition="{gallery.position.vertical} == 'below'">
            <f:render partial="MediaGallery" arguments="{_all}" />
        </f:if>
    </div>
  </f:if>
  <f:comment>Custom Layout</f:comment>
  <f:if condition="{data.layout} == 10">
    <div class="myclass"><f:format.html>{data.bodytext</f:format.html></div>
  </f:if>

要查看可用的数据，请尝试

<f:debug>{data}</f:debug>

你也可以深入挖掘，钻井时有时会出现更多内容：

<f:debug>{data.someProperty.heresmorestuff}</f:debug>

Typo3 7.4：修改新的tt_content.layout

1 个答案: