pdoMenu дополнительный кастомный пункт

Подскажите пожалуйста, как сделать дополнительный кастомный пункт в pdoMenu?

Есть вот такой шаблон:

<ul id="main-menu" class="sm pixelstrap sm-horizontal">
                                        <li>
                                            <div class="mobile-back text-right">Back<i class="fa fa-angle-right pl-2"
                                                    aria-hidden="true"></i></div>
                                        </li>
                                        <li>
                                            <a href="#">Home</a>
                                            <ul>
                                                <li>
                                                    <a href="#">new demos <span class="new-tag">new</span></a>
                                                    <ul>
                                                        <li><a target="_blank" href="tools.html">tools</a></li>
                                                        <li><a target="_blank"
                                                                href="marketplace-demo.html">marketplace</a></li>
... и т.д.
не могу понять как вывести самый первый пункт с кнопкой Back. Пробовал вот так

<ul id="main-menu" class="sm pixelstrap sm-horizontal">
                    <li><div class="mobile-back text-right">Назад<i class="fa fa-angle-right pl-2" aria-hidden="true"></i></div></li>
                </ul>
                [[pdoMenu?
                    &parents=`0`
                    &level=`1`
                    &tplOuter=`@INLINE <ul id="main-menu" [[+classes]]>[[+wrapper]]</ul>`
                    &outerClass=`sm pixelstrap sm-horizontal`
                ]]
Но таким образом выводится только меню, без кнопки Back
Algirdas
10 мая 2020, 14:58
modx.pro
100
0

Комментарии: 2

UDAV
10 мая 2020, 17:16
+1
1. tplStart оформить как хотите
2. в tplOuter убрать ul и вынести за пределы компонента, первый пункт оформить как угодно, а потом уже подключить компонент.
    Algirdas
    10 мая 2020, 20:35
    0
    Спасибо!
    Рабочий вариант:

    <ul id="main-menu" class="sm pixelstrap sm-horizontal">
        <li>
            <div class="mobile-back text-right">Назад<i class="fa fa-angle-right pl-2" aria-hidden="true"></i></div>
        </li>
        [[pdoMenu?
            &parents=`0`
            &level=`3`
            &tplOuter=`@INLINE [[+wrapper]]`
            &includeTVs=`menuClasses`
            &tplInner=`@INLINE <ul [[+classes]]>[[+wrapper]]</ul>`
            &tplInnerRow=`@INLINE <li><a href="[[+uri]]">[[+menutitle:default=`[[+pagetitle]]`]] [[+tv.menuClasses]]</a>[[+wrapper]]</li>`
            &tpl=`@INLINE <li><a target="_blank" href="[[+uri]]">[[+menutitle:default=`[[+pagetitle]]`]]</a>[[+wrapper]]</li>`
        ]]
    
    </ul>
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2