Zum Inhalt springen

Verständnis Problem mit section frame

Erstellt am 11. Februar 2015 · 2 Antworten · letzte Antwort am 11. Februar 2015

Tags: TYPO3 6.x, Frage

mimii ·

Hallo ins Forum,

ich möchte auf einer Seite dem Redakteur eine bestimmte Formatierung für textpic Elemente anbieten. Hierzu habe ich in der PageConfig einen neue Position angelegt

TCEFORM.tt_content.section_frame {
  removeItems = removeItems = 1,5,6,10,11,12,21,66
  addItems.100 = Overlay
}

Im root TS steht

tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
   key.field = section_frame
   ??? was kommt hier, 
   wenn das CE <div class="csc-textpic ..."> eine weitere Klasse erhalten soll (unten Beispiel 1)
   oder 
   wenn das CE komplett nochmals in ein <div> gewrapt werden soll (unten Beispiel 2)
   } 
}

Im root-Setup, entferne ich vor dem obigen Code einige wraps, die ich nicht benötige. Das innerWrap ist ja für den section_frame zuständig. Es soll jedoch nur dann ausgegeben werden, wenn der Redakteur auch einen section_frame gewählt hat (also nicht Standard eingetragen ist).

# Entfernung des innerWrap
tt_content.stdWrap.innerWrap >

# p Tags entfernen
tt_content.stdWrap.dataWrap >

Folgendes HTML ist für meine Zwecke bei CE textpic völlig ausreichend

Beispiel 1 mit Klasse test im vorhandenen <div>

<div class="test csc-textpic csc-textpic-center csc-textpic-above">
  <div class="csc-textpic-image csc-textpic-last">
    <img ....>
  </div>
  <div class="csc-textpic-text">
    <p>Text hier </p>
  </div>
</div>

Beispiel 2 mit <div class="test"> außen rum

<div class="test">
  <div class="test csc-textpic csc-textpic-center csc-textpic-above">
    <div class="csc-textpic-image csc-textpic-last">
      <img ....>
    </div>
    <div class="csc-textpic-text">
      <p>Text hier </p>
    </div>
  </div>
</div>

Danke für ein bisschen Hilfe und Gruß
mimii

toifel ·

Wenn nur "textpic" geändert werden soll:
tt_content.textpic.20.text.wrap = <div class="csc-textpic-text"> | </div>
entsprechend anpassen.

Bei sowas hilft der "TypoScript Object Browser" im Backend.. dort ist der komplette TypoScript Aufbau übersichtlich abgebildet.

mimii ·

Hallo und Danke,

durch den ObjectBrowser quäle ich mich grad durch ;-)

Es geht jedoch nicht um den Text in texpic sondern um das <div class="csc-textpic ...> selbst, das um das Bild und den Text herum gewrapt ist. Dieses soll entweder noch ne eigene Klasse erhalten, oder es soll noch ein weiteres <div> drumherum platziert werden. ABER nur dann, wenn ein Redakeur einen Rahmen (in meinem Fall der neue Rahmen 100) ausgewählt hat.

Danke und Gruß
mimii

Nachtrag
Meine Lösung für die das div mit einer Klasse zu erweitern:

tt_content.image.20.layout.default.value.override  = <div class=" test csc-textpic csc-textpic-center csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div>
tt_content.image.20.layout.default.value.override.if.value = 100
tt_content.image.20.layout.default.value.override.if.equals.field = section_frame

Interessieren würde mich nun noch wie man ein <div> außenrum basteln könnte und wofür dieser Teil benötigt wird

tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
   key.field = section_frame
   ....
}