左の列に画像、右の列にコンテンツ要素、およびボタンリンクを表示する単純な 2 列のティーザー要素を作成しようとしています。
これは元の ts です。動作しますが、見苦しく、画像は静的です。
tt_content.gridelements_pi1.20.10.setup {
29 < lib.gridelements.defaultGridSetup
29 {
columns {
20 < .default
20.outerWrap = <div class="fifty1"><div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><a href="index.php?id={field:flexform_link1}"><img src="{field:flexform_teaserimage1}" alt="" /></a></div></div><div class="fiftycontent"><div class="csc-textpic csc-textpic-text"><a href="index.php?id={field:flexform_link1}">|</a></div></div><div class="fiftylink"><a href="index.php?id={field:flexform_link1}"><img src="{$tmplpath}images/button.png" alt="" /></a></div></div>
20.insertData = 1
}
}
}
これは私がコーディングしている新しい ts です。画像とボタンは機能しますが、コンテンツ要素の部分が正しく表示されません。
tt_content.gridelements_pi1.20.10.setup {
29 < lib.gridelements.defaultGridSetup
29 {
columns {
20.prepend = COA
20.prepend.20 = IMAGE
20.prepend.20.file.import.field = flexform_teaserimage1
20.insertData = 1
20.prepend.20.stdWrap.typolink.parameter.field = flexform_link1
20.prepend.20.wrap = <div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap">|</div></div>
20.prepend.25 < .default
20.prepend.25.outerWrap = <div class="fiftycontent"><div class="csc-textpic csc-textpic-text">|</div></div>
20.prepend.25.stdWrap.typolink.parameter.field = flexform_link1
20.prepend.30 = IMAGE
20.prepend.30.file = {$tmplpath}images/button.png
20.prepend.30.stdWrap.typolink.parameter.field = flexform_link1
20.prepend.30.wrap = <div class="fiftylink">|</div>
20.prepend.wrap = <div class="fifty1">|</div>
}
wrap = <div class="largeteaser">|</div>
}
}
基本的に私が望んでいたのは、「20.prepend.25 < .default」が機能することだけです。「< tt_content」または「< lib.gridelements.defaultGridSetup.columns.default」を試しましたが、結果が奇妙で、多くのコンテンツが複製されることがあります。"< .default" を追加した場合と同じ動作を得るにはどうすればよいですか?