Как мне вывести меню в modx?

Question

[Вадим Ягофаров]

Как мне вывести меню на сайте http://артпласторенбург.рф. Проблема в том, что я указал все классы при выводе ресурсов, которые можно. но мне не хватает параметров.

<nav class="navbar navbar-expand-lg">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon">☰</span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    [[pdoMenu? 
                    &parents='0' 
                    &level='1' 
                    &outerClass='navbar-nav'
                    &resources=`2,3,4,5,6,16,17,18,19,20`
                    &firstClass=`0`
                    &lastClass=`0`
                    &outerClass=`top-menu`
                    &hereClass=`active`
                    &rowClass=`nav-item`
                    &parentClass='nav-link'
                    ]]
                    <!--<ul class="navbar-nav">-->
                    <!--    <li class="nav-item active">-->
                    <!--        <a class="nav-link" href="http://артпласторенбург.рф/products.html">ПЛАСТИКОВЫЕ ОКНА <span class="sr-only">(current)</span></a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="http://артпласторенбург.рф/products.html">АЛЮМИНИЕВЫЕ КОНСТРУКЦИИ</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="http://артпласторенбург.рф/products.html">КОМПЛЕКТУЮЩИЕ</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="#">РЕМОНТ ОКОН</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="#">О КОМПАНИИ</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="#rev">ОТЗЫВЫ</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="#contact">КОНТАКТЫ</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a class="nav-link" href="#sale">АКЦИИ</a>-->
                    <!--    </li>-->
                    <!--</ul>-->
                </div>
            </nav>

получается что у меня все литит к х..ям из-за того что мне некуда вписать класс nav-link, поэтому оно не стилизовано и отображается вертикально. как это можно решить. Как видно я использую pdotools

Answer 1

[Froggyweb]

используй свой шаблон вывода

&tpl	 Имя чанка для оформления ресурса. Если не указан, то содержимое полей ресурса будет распечатано на экран. По умолчанию: @INLINE <li[[+classes]]><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>

https://docs.modx.pro/components/pdotools/snippets...

Comments

[Вадим Ягофаров]

&tpl='@INLINE [[+menutitle]][[+wrapper]]'
Извините но я не понял как этим пользоваться. Мне просто нужно добавить вот такой параметр добавить?

[Froggyweb]

Вадим Ягофаров,

&tpl = `@INLINE <li[[+classes]] class="nav-item">><a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>`

[Вадим Ягофаров]

Froggyweb, вывело просто текстом((

[Froggyweb]

ошибка в шаблоне
покажи полный вызов.

[Вадим Ягофаров]

да допустил ошибку. Теперь более менее, только отображается оно все равно вертикально. И точки появились как у списка(

[[pdoMenu? 
                    &parents='0' 
                    &level='1' 
                    &outerClass='navbar-nav'
                    &resources=`2,3,4,5,6,16,17,18,19,20`
                    &firstClass=`0`
                    &lastClass=`0`
                    &outerClass=`top-menu`
                    &hereClass=`active`
                    &rowClass=`nav-item`
                    &parentClass='nav-link'
                    &tpl = `@INLINE <li[[+classes]] class="nav-item"><a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>`
                    ]]

[Froggyweb]

Вадим Ягофаров,
убери все что касается классов
и оставь только &outerClass='navbar-nav'

если не поможет укажи

&tplOuter	Чанк обертка всего блока меню. По умолчанию: @INLINE <ul[[+classes]]>[[+wrapper]]</ul>

со своим классом по аналогии

[Вадим Ягофаров]

Froggyweb, убрал все лишнее, не помогло(

[[pdoMenu? 
                    &parents='0' 
                    &outerClass='navbar-nav'
                    &resources=`2,3,4,5,6,16,17,18,19,20`
                    &tpl = `@INLINE <li class="nav-item"><a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>`
                    ]]

[Froggyweb]

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

[Вадим Ягофаров]

Спасибо нашел ошибку. она была в этой строке &outerClass=navbar-nav. тут стояли одинарные ковычки и в разметку html они тоже отображались и соответственно не срабатывали свойства. Спасибо тебе огромное человек за помощь и терпение

[Froggyweb]

Обнови с ctrl + f5 это браузер стили закешировал

[alex-1917]

Вадим Ягофаров, кАвычки