Formatting Menu/Sitemap

This TypoScript snippet shows an example of how you can change the output of the TypoScript element

Using TypoScript commands, the styles of the various list types of the 'Menu/Sitemap' content element can be reformatted — like any other elements — to fit the needs of your individual web site.

To give you an example, we will now change the look of the sitemap type "Menu of subpages to these pages (with abstract)" ( This snippet could be used as an automatically generated entry page for subpages that contain articles.

Changing TypoScript, SETUP section
# Content element 'Menu of subpages to these pages (with abstract)' > < = <div class="list">|</div> {
  linkWrap = |
  allWrap = <div class="listitem">|</div>
  ATagBeforeWrap = 0
  doNotLinkIt = 1
  stdWrap.htmlSpecialChars = 0
  stdWrap.cObject = COA
  stdWrap.cObject {
# Link to the subtitle
    10 = TEXT
    10 {
      field = subtitle
      wrap = |<br />
      typolink.parameter.field = uid
# Format the page title in bold and do not link it
    20 = TEXT
    20 {
      field = title
      wrap = <strong>|</strong><br />
# Abstract of the linked page
    30 = TEXT
    30 {
      field = abstract
      htmlSpecialChars = 1
      wrap = |&nbsp;
# Append a 'more' link and put a link on it
    40 = TEXT
    40 {
      value = more ...
      htmlSpecialChars = 1
      wrap = |
      typolink.parameter.field = uid

The TypoScript code above generates a link to each subpage and styles these links in the following way:

First, the subtitle of the page will be displayed and linked. In the next line, the page title will be rendered in bold without a link. After that, the abstract of the linked page is written, followed by a 'more' link.

You can define the stylesheet classes as you like. Also, you can use other fields of the pages class (e.g. nav_title instead of subtitle) in the sitemap definition above.