section_frame tt_content beeinflussen
| Autor | Nachricht |
|---|---|
|
Verfasst am: 10. 02. 2010 [15:36]
|
|
|
charly21
Themenersteller
Dabei seit: 18.06.2007
Beiträge: 28
|
Hallo, ich möchte, das wenn ein Contentelement einen bestimmten section_frame hat, dieses anders gestalten. Dem Frame einen umschließenden Div zu geben ist ja kein Problem. TYPOSCRIPT tt_content.stdWrap.innerWrap.cObject = CASE tt_content.stdWrap.innerWrap.cObject { key.field = section_frame 100 = COA 100.wrap = <div class="csc-frame csc-frame-teaser">|</div> Gehen wir mal davon aus, das der Typ des PageContents (Seiteninhaltes) "Image" ist. Bei Frame wähle ich dann meinen section_frame aus. Der Header wird mit einem header_layout versehen. Wie bringe ich nun dem Typo3 bei, das ich genau bei diesem section_frame z.B. die Reihenfolge Header und Content vertauschen möchte. Wenn ich dies verwende, entfernt Typo3 mir alle csc (Css Style Content) Elemente, die ich aber gern beibehalten möchte. TYPOSCRIPT tt_content.stdWrap.innerWrap.cObject = CASE tt_content.stdWrap.innerWrap.cObject { key.field = section_frame 100 = COA 100.wrap = <div class="csc-frame csc-frame-teaser">|</div> 100.10 = TEXT 100.10.field = bodytext 100.10.wrap = <div class="csc-frame csc-frame-teaser-bodytext">|</div> 100.20.field = header 100.20.wrap = <div class="csc-frame csc-frame-teaser-header">|</div> Das kann doch nicht so schwer sein. Header soll also nicht so aussehen: <div class="csc-frame csc-frame-teaser-header">Ich bin eine Überschrift</div> sondern <!-- Header: [begin] --> <div class="csc-frame csc-frame-teaser-header"> <div class="csc-header csc-header-n1"><h2 style="text-align:center;" class="csc-firstHeader">Ich bin eine Überschrift</h2></div> </div> <!-- Header: [end] --> Das gleiche gilt für das Bild. In den Dokus steht überall was von bodytext, dieser ist aber ebim Typ Image in der Datenbank leer. Wie spreche ich denn die verschiedenen Inhaltstypen an, damit der richtige Inhalt an der richtigen stelle ist. Ich möchte hier z.B. das dieser Frame nur Inhalte vom Typ Image beachtet, da dies die Designvorgabe sein soll. Bei allen anderen soll dann einfach kein Content zu sehen sein und der Redakteur muss sich an die Vorgaben halten. Es wäre natürlich besser, wenn die section_frame nur abhängig vom Typ angezeigt werden könnten, aber darüber habe ich auch noch nichts gefunden. Danke im Voraus Charly |
|
Verfasst am: 11. 02. 2010 [11:28]
|
|
|
charly21
Themenersteller
Dabei seit: 18.06.2007
Beiträge: 28
|
ok, google, einer weiteren Tasse Kaffee und dem suchen nach innerwrap und nicht section_frame brachte das gewünschte ergebnis. Den Inhalt des PageContents beeinflussen abhängig von setion_frame TYPOSCRIPT tt_content.image.20.stdWrap.innerWrap.cObject = CASE tt_content.image.20.stdWrap.innerWrap.cObject { key.field = section_frame 100 = TEXT 100.value = <div class="csc-frame csc-frame-teaser-bodytext">|</div> } Den Header des PageContens beinflussen abhängig von section_frame TYPOSCRIPT lib.stdheader.stdWrap.outerWrap.cObject = CASE lib.stdheader.stdWrap.outerWrap.cObject { key.field = section_frame 100 = TEXT 100.value = <div class="csc-frame csc-frame-teaser-header">|</div> } So, nun noch die Reihenfolge noch ändern und ich habe meine gewünschte Konfiguration. wenn der Stein erstmal ins rollen kommt. Korrigiert mich wenn ichs falsch habe, aber so funzt es jetzt. TYPOSCRIPT # add own tt_content.section_frame tt_content.stdWrap.innerWrap.cObject = CASE tt_content.stdWrap.innerWrap.cObject { key.field = section_frame 100 = TEXT 100.value = <div class="csc-frame csc-frame-teaser">|</div> } tt_content.image.20.stdWrap.innerWrap.cObject = CASE tt_content.image.20.stdWrap.innerWrap.cObject { key.field = section_frame 100 = TEXT 100.value = <div class="csc-frame csc-frame-teaser-bodytext">|</div> } lib.stdheader.stdWrap.outerWrap.cObject = CASE lib.stdheader.stdWrap.outerWrap.cObject { key.field = section_frame 100 = TEXT 100.value = <div class="csc-frame csc-frame-teaser-header">|</div> } # Change order of header and content for section_frame = 100 temp.CONTENT.IMAGE.HEADER < tt_content.image.10 temp.CONTENT.IMAGE.CONTENT < tt_content.image.20 tt_content.image = CASE tt_content.image { key.field = section_frame 100 = COA 100 { 10 > 10 < temp.CONTENT.IMAGE.CONTENT 20 > 20 < temp.CONTENT.IMAGE.HEADER } } temp.CONTENT.IMAGE.CONTENT > temp.CONTENT.IMAGE.HEADER > wenig text aber große wirkung. vielleicht hilft es ja auch anderen |
|
Verfasst am: 01. 02. 2012 [15:07]
|
|
|
bobosch
Dabei seit: 08.05.2007
Beiträge: 13
|
Beim Textelement funktioniert folgender block TYPOSCRIPT
|



