меню с потрясающими иконками в typo3

Question

Я пытаюсь реализовать меню с использованием потрясающих иконок в typo3 8.7.13. Моя идея состояла в том, чтобы расширить страницы таблицы полем tx_fontawesome_icon - нет проблем - его можно использовать в свойствах страницы и также сохранить в базе данных.

Но как я могу использовать его в опечатке?

[ts]
lib.mainnav_mobile = HMENU
lib.mainnav_mobile {
  wrap = <ul>|</ul>
  1 = TMENU
  1 {
    expAll = 1
    NO = 1
    NO {
      wrapItemAndSub =<li>|</li>
      stdWrap.wrap = <i class="fas fa-home fa-2x"></i>|
      stdWrap.htmlSpecialChars = 1
      ATagTitle.field = title
      ATagParams = class="home-link"
    }
  }
}
[/ts]

Спасибо Фолькер

Answer 1

решение для меня:

lib.mainnav_mobile = HMENU
lib.mainnav_mobile {
wrap = <ul>|</ul>

1 = TMENU
1 {
    expAll = 1

    NO = 1
    NO {
        wrapItemAndSub =<li>|</li>

        stdWrap.htmlSpecialChars = 1
        ATagTitle.field = description // subtitle // title
        ATagParams = class="home-link"
        ATagBeforeWrap = 1
        stdWrap.wrap.cObject = TEXT
        stdWrap.wrap.cObject {
            field = tx_fontawesome_icon
        ## have a default icon:
                ifEmpty = fa-home
            noTrimWrap = |<i class="fas | fa-2x"></i>&nbsp;|
        }
    }

Спасибо за помощь! Volker

Answer 2

Я предполагаю, что вы храните полное имя значка в поле.Если вы можете пропустить префикс, создайте префикс в своей оболочке.

Ваша попытка с .stdWrap была бы возможна, поэтому я бы предпочел свойство для этого: .before

Вы можете использовать что-то вроде этого (заполните остальную часть определения меню):

    :
    NO {
        :
        before.cObject = TEXT
        before.cObject {
            field = tx_fontawesome_icon
            ## have a default icon: 
            ifEmpty = fa_home
            noTrimWrap = |<i class="fas | fa-2x"></i>|
            # if you want the icon to be linked too:
            typoLink.parameter.field = uid
        }
    }

используйте .noTrimWrap, чтобы вы оставались с пробелами до и после имени значка.

---

Если значок должен находиться внутри только одной ссылки, вам необходимодобавьте значок в текст элемента (заголовок страницы).

Для этого вы используете .stdWrap.wrap в начале работы.но вам нужно создать обертку из объекта cObject (см. выше) или использовать обертку данных:

:
NO {
    :
    stdWrap.dataWrap = <i class="fas {field:tx_fontawesome} fa-2x"></i>|
    :
}