Dieses Snippet verpasst jeder Sektion einen eigenen CSS-Style, so dass der Index auf der Seite individuell Formatiert werden kann. Hierbei wird die Layout Einstellung des Headers als Unterscheidung verwendet (Layout1-5) welches den CSS-Styles .csc-section-1 bis .csc-section-5 entspricht.

# override "Section index (pagecontent w/Index checked)"
tt_content.menu.20.3 >
tt_content.menu.20 {
  3 < styles.content.get
  3.wrap = <div class="csc-menu csc-menu-3">|</div>
  3.select.andWhere = sectionIndex!=0
  3.select.pidInList.override.field = pages
  3.renderObj = CASE
  3.renderObj {
    key.field = header_layout
    default = COA
    default {
      stdWrap.fieldRequired = header
      10 = TEXT
      10.field = header
      10.trim = 1
      10.htmlSpecialChars = 1
      10.dataWrap = <p class="csc-section-1">|</p>
      10.typolink.parameter.field = pid
      10.typolink.section.field = uid
    }
    1 < .default
    2 < .default
    2.10.dataWrap = <p class="csc-section-2">|</p>
    3 < .default
    3.10.dataWrap = <p class="csc-section-3">|</p>
    4 < .default
    4.10.dataWrap = <p class="csc-section-4">|</p>
    5 < .default
    5.10.dataWrap = <p class="csc-section-5">|</p>
  }
}

Dieses Snippet wurde von Daniel Vorhauer eingesendet.