ModX меню сайта с маркером текущей страницы

Создаем сниппет mainMenu.

mainMenu

<?php
$id_page = $modx->resource->get('id');

//echo $id_page;

if ($id_page == 1) {
    $menu_itm_1 = '
    <li class="nav-item">
    	<a class="nav-link" href="/">Главная</a>
    	<img class="nav-link-marker" src="assets/images/menu-marker.png" alt="">
    </li>
    ';
} else {
    $menu_itm_1 = '
    <li class="nav-item">
    	<a class="nav-link" href="/">Главная</a>
    </li>
    ';
}

if ($id_page == 9) {
    $menu_itm_2 = '
    <li class="nav-item">
    	<a class="nav-link" href="/shariki-dlya-suxix-bassejnov/">Шарики для сухих бассейнов</a>
    	<img class="nav-link-marker" src="assets/images/menu-marker.png" alt="">
    </li>
    ';
} else {
    $menu_itm_2 = '
    <li class="nav-item">
    	<a class="nav-link" href="/shariki-dlya-suxix-bassejnov/">Шарики для сухих бассейнов</a>
    </li>
    ';
}

if ($id_page == 10) {
    $menu_itm_3 = '
    <li class="nav-item">
    	<a class="nav-link" href="/proektirovanie-suxix-bassejnov/">Проектирование сухих бассейнов</a>
    	<img class="nav-link-marker" src="assets/images/menu-marker.png" alt="">
    </li>
    ';
} else {
    $menu_itm_3 = '
    <li class="nav-item">
    	<a class="nav-link" href="/proektirovanie-suxix-bassejnov/">Проектирование сухих бассейнов</a>
    </li>
    ';
}

if ($id_page == 11) {
    $menu_itm_4 = '
    <li class="nav-item">
    	<a class="nav-link" href="/o-kompanii/">О компании</a>
    	<img class="nav-link-marker" src="assets/images/menu-marker.png" alt="">
    </li>
    ';
} else {
    $menu_itm_4 = '
    <li class="nav-item">
    	<a class="nav-link" href="/o-kompanii/">О компании</a>
    </li>
    ';
}

$menu_itm_5 = '
<li class="nav-item">
	<a class="nav-link" href="#kontaktyi">Контакты</a>
</li>
';


$menu = $menu_itm_1 . $menu_itm_2 . $menu_itm_3 . $menu_itm_4 . $menu_itm_5;

echo $menu;

Теперь ставим этот сниппет в меню.

Код (символ "((" заменяем на две квадратные скобки)

<div class="collapse navbar-collapse" id="navbarSupportedContent">
							<ul class="navbar-nav">
							    ((mainMenu))
							</ul>
						</div>

На этом все, теперь при переходе по страницам, у нас будет ставится маркер на текущей страницы.
Конечно этот код еще можно усовершенствовать, но об этом позже.