Как с помощью pdo tools сделать меню в Modx?

Question

[Екатерина Арсентьева]

Как с помощью pdo tools сделать такое меню? Возникла трудность с классами li. Подскажите пожалуйста

<div class="menu" id="nsv1">
    <ul class="navbar-nav">

        <li class="nav-item active"><a class="nav-link" href="#hero">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
        <li class="nav-item"><a class="nav-link" href="#work">How It Work?</a></li>
        <li class="nav-item"><a class="nav-link" href="#process">Process</a></li>
        <li class="nav-item"><a class="nav-link" href="#download">Download</a></li>
        <li class="nav-item"><a class="nav-link" href="#pricing">Pricing</a></li>
        <li class="nav-item"><a class="nav-link" href="#blog">Blog</a></li>
    </ul>
</div>

Answer 1

[Руслан]

Здравствуйте, с помощью pdoMenu - https://docs.modx.pro/komponentyi/pdotools/snippet...
Там есть пример шаблона пункта - &tpl, в вашем случае будет так:

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

Comments

[Екатерина Арсентьева]

Я попробовала так, но не работает. Не подскажите, где я ошиблась?

[[pdoMenu?
      &parents=`0`
      &outerClass=`navbar-nav`
      &hereClass=`active`
      &rowClass=`nav-item`
      &tpl=`@INLINE <li class="nav-item [[+classnames]]"><a class="nav-link" href="#[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`


   ]]

[Руслан]

Екатерина Арсентьева, ну вот так должно работать:

[[pdoMenu?
&parents=`0`
&outerClass=`navbar-nav`
&tpl=`@INLINE <li class="nav-item [[+classnames]]"><a class="nav-link" href="#[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
]]

У вас может в меню ресурсы не показываются, проверьте.

[Екатерина Арсентьева]

Ресурсы точно показываются. У меня стили все равно улетают

[Руслан]

Екатерина Арсентьева, Смотрите в коде, если классы есть нужные, то проблема не в pdoMenu

[Екатерина Арсентьева]

Кажется разобралась. Почему-то все встало на места, кода я убрала # перед link. Спасибо!

Answer 2

[Sanes]

2х уровневый Navbar от Uikit 2
https://bitbucket.org/Drobkov/modx-template/src/74...

Comments

[Екатерина Арсентьева]

Разобралась. Спасибо большое