pdoMenu как сделать разделители между пунктами?

Не нашел в офиц.документации можно ли делать разделители между пунктами меню.

Что нужно:

<ul>
	<li><a href="#"><span>Пункт меню 1</span></a></li>
	<li class="класс разделителя"></li>
	<li><a href="#"><span>Пункт меню 2</span></a></li>
	<li class="класс разделителя"></li>
	<li><a href="#"><span>Пункт меню 3</span></a></li>
	<li class="класс разделителя"></li>
	<li><a href="#"><span>Пункт меню 4</span></a></li>
	
</ul>
Я пропустил этот функционал или его пока нет?

Есть ли у кого то уже готовое решение?
Александр
26 сентября 2015, 17:16
modx.pro
1 697
-1

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

Василий Наумкин
26 сентября 2015, 21:23
+1
Это функционал есть в CSS.
    Александр
    26 сентября 2015, 22:08
    -1
    Не совсем.

    Объясню — в CSS есть методы типа фирст чилд/ласт чилд без бордера, у всех остальных бордер. Или бэкграундом, или даже через before/after цеплять что нибудь.

    Все эти варианты не подходят так как я использую для меню text-align: justify — способом описанным описанным тут — jsfiddle.net/EtU9j/

    И как мне при этом способе обойтись CSS методами?
    Евгений Webinmd
    27 сентября 2015, 01:38
    +4
    Я чего-то не понимаю или вам лень попробовать поиграться с чанками?

    &tpl = `@INLINE <li[[+classes]]><a href="[[+link]]" [[+attributes]]><span>[[+menutitle]]</span></a>[[+wrapper]]</li>
    <li class="класс разделителя"></li>`

    ну и если последний разделитель не нужен, то скрывайте через css
      Александр
      27 сентября 2015, 12:57
      0
      Что то я втупил.
      Гениальное по простоте решение.
      Спасибо.
        Василий Столейков
        27 сентября 2015, 14:19
        +2
        + к вышеописанному подключите шаблон в &tplLast без разделителя. Не проверял лично, но &tplLast и &tplFirst из общих шаблонов должны работать.
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5