Typoscript: створення меню HMENU з використанням зображень з записів Сторінки "resouces" - "media"

Припустимо, ви захотіли створити меню, і для кожного пункту вивести окреме зображення над пунктом меню. Щоб зробити це можна використати CSS, визначивши id для кожного меню і додати background`ом потрібне зображення. Але, на мою думку, використовувати штатні засоби typoscript буде краще. 

В цьому нам допоможе закладка "resouces" котру можна знайти при редагуванні сторінки. Додайте по одному зображенню для кожної сторінки, котру ви будете виводити в меню з піктограмами. Тепер напишем наш typoscript: 

lib.menu = HMENU lib.menu { 
  special = directory 
  special.value = 3 
  1 = TMENU 1 { 
    expAll = 1 
    noBlur = 1 
    NO { // знімаємо штатні посилання, ми будемо визначати посилання вручну 		    
      doNotLinkIt = 1 // вписуємо увесь пункт меню в тег 
      wrapItemAndSub = | // задаємо посилання для всього пункту меню 
      allWrap.stdWrap.dataWrap = | // вписуємо текст з заголовку в тег 
      stdWrap.wrap = | // виводими зображення з запису медіа сторіники 
      beforeImg{ 
        import = uploads/media/ 
        import.field = media 
        import.listNum = 0 
      } // завершаем тэг ссылки 
      after.wrap = | 
    } 
    ACT =1 
    ACT < .NO 
    ACT { // додаємо клас активного пункту меню 
      wrapItemAndSub = |
    } 
  } 
} 

Ну ось, залишилось додати в вивід lib.menu і меню з піктограмами готове!