3

我在页面顶部有一个很大的预告图。作者可以在后端选择预告图像应该是静态的还是动画的幻灯片。我正在为幻灯片使用引导程序。

选择出现在 Page > Edit > Appearance
Rootpage TSConfig：

TCEFORM.pages {
    layout.altLabels.1 = Default (with Slideshow)
    layout.altLabels.0 = Default
}

现在，它变得有点棘手。
要让 Bootstrap 滑块运行，您需要有一个外包装，并且每张幻灯片也都包装好。这是我到目前为止所得到的：

page.10.variables {
    teaser < styles.content.get
    teaser.select.where = colPos = 0
    teaser.stdWrap.required = 1
    teaser.stdWrap.wrap {
        cObject = CASE 
        cObject {
            key.field = layout

            default = TEXT
            default.value = |

            1 = TEXT
            1.value = <div id="teaser" ...>|</div> ### shortened 
        }
    }

    teaser.renderObj.stdWrap.wrap {
        cObject = CASE 
        cObject {
            key.field = layout

            default = TEXT
            default.value = |

            1 = TEXT
            1.value = <div class="item">|</div>
        }
    }
}

第一个teaser.stdWrap.wrap工作就像一个魅力。选择前端布局会相应地包装预告片。
但是teaser.renderObj.stdWrap.wrap不想工作。主要是因为我觉得关键CASE不是前端布局，而是内容元素的布局。如何改变它？

第二个问题。这就是包裹当前的样子（或者如果上面的 TS 能按预期工作，它们的样子）：

<div class="item">
    <div id="c14">
        <div class="ce-textpic ce-right ce-intext">
            <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
                <div class="ce-row">
                    <div class="ce-column">
                        <div class="ce-media">
                            <img src="img.jpg" width="1150" height="632" alt="">
                        </div>
                    </div>
                </div>
            </div>
        <div class="ce-bodytext"></div>
    </div>
</div>

有没有办法让它看起来或多或少像这样？

<div class="item">
    <img class="slide" src="img.jpg">
</div>

客户不希望有任何标题或文本，因此可以忽略。

我正在运行带有流体样式内容的 TYPO3 7.6.6。

4

1 回答 1

3

所以第一个问题的答案：

您可以在 TypoScript 中使用“getText”数据类型。请参阅此处的文档。

它有一个用于当前页面记录的预定义变量。如此简单地将第二个关键属性更改为：

key.data = page:layout

但是如果你使用fluid_styled_content运行系统，那么你可以简单地使用fluid来解决这个问题。（在那里您可以使用 访问布局data.layout）

回答第二个问题：

是的。有可能，您需要查看 fluid_styled_content 扩展。在那里你可以找到很多关于模板、布局和元素的信息。你可以简单地用你的模板覆盖它们，你可以摆脱任何不需要的div东西。

为此，我可以向您推荐一个德语视频。

于 2016-05-13T09:53:31.280 回答