Меню 3-х уровневое, выводится все, только вот, почему-то на тех ресурсах, где должна быть якорная ссылка, при клике на которую открывается следующий пункт меню, дублируется.
Вот так это выглядит в коде
<nav id="mp-menu" class="mp-menu mp-cover">
<a href="#" class="close-menu"><i class="fas fa-times"></i></a>
<div class="mp-level mp-level-open" data-level="1">
<ul>
<li class="icon icon-arrow-right"><a href="#" title="Пункт-1">Пункт-1</a>
<div class="mp-level" data-level="2">
<a class="mp-back" href="#" rel="nofollow">Назад</a>
<ul>
<li><a href="url" title="Пункт-1-1">Пункт-1-1</a></li>
<li><a href="url" title="Пункт-1-3">Пункт-1-2</a></li>
<li><a href="url" title="Пункт-1-3">Пункт-1-3</a></li>
<li class="icon icon-arrow-right"><a href="#" title="Пункт-1-3">Пункт-1-3</a>
<div class="mp-level" data-level="3">
<a class="mp-back" href="#" rel="nofollow">Назад</a>
<ul>
<li><a href="krasnogvardeyskiy" title="Красногвардейский р-н">Красногвардейский р-н</a></li>
<li><a href="admiralteyskiy" title="Адмиралтейский р-н">Адмиралтейский р-н</a></li>
<li><a href="tosnenskiy" title="Тосненский р-н">Тосненский р-н</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</nav>
А должно выглядеть вот так
<nav id="mp-menu" class="mp-menu mp-cover">
<a href="#" class="close-menu"><i class="fas fa-times"></i></a>
<div class="mp-level mp-level-open" data-level="1">
<ul>
<li class="icon icon-arrow-right"><a href="#" title="Пункт-1">Пункт-1</a>
<div class="mp-level" data-level="2">
<a class="mp-back" href="#" rel="nofollow">Назад</a>
<ul>
<li><a href="url" title="Пункт-1-1">Пункт-1-1</a></li>
<li><a href="url" title="Пункт-1-3">Пункт-1-2</a></li>
<li class="icon icon-arrow-right"><a href="#" title="Пункт-1-3">Пункт-1-3</a>
<div class="mp-level" data-level="3">
<a class="mp-back" href="#" rel="nofollow">Назад</a>
<ul>
<li><a href="krasnogvardeyskiy" title="Красногвардейский р-н">Красногвардейский р-н</a></li>
<li><a href="admiralteyskiy" title="Адмиралтейский р-н">Адмиралтейский р-н</a></li>
<li><a href="tosnenskiy" title="Тосненский р-н">Тосненский р-н</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</nav>
Вызываю сниппет вот так
`
&displayStart=`1`
Содержимое outerTpl:
<ul></ul>
innerTpl:
<li class="icon icon-arrow-right"><a href="#" title=""></a><div class="mp-level">
<a class="mp-back" href="#" rel="nofollow">Назад</a>
<ul></ul>
</div>
</li>
innerRowTpl:
<li class="icon icon-arrow-right"><a href="#" title=""></a><div class="mp-level">
<p class="h4"></p>
<a class="mp-back" href="#" rel="nofollow">Назад</a>
<ul></ul>
</div>
</li>
и innerRowTpl:
<li><a href="" title=""></a></li>
Направьте, пожалуйста, где я ошибся(
Комментарии (0)