我在页面顶部有一个大的引人注目的图片。作者可以在后台选择引人注目的图片是静态的还是动态的幻灯片。顺便说一下,我正在使用Bootstrap来制作幻灯片。
选择项出现在“页面>编辑>外观”中。 根页面TSConfig:
有没有办法让它看起来更像或更少像这样?
选择项出现在“页面>编辑>外观”中。 根页面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和fluid_styled_content。