Меню pdoPage и data-target="#collapseSubItems1

Пытаюсь сделать меню
{'!pdoPage' | snippet : [
'parents' => '34',
'sortby' => 'menuindex',
'sortdir' => 'asc',
'tpl' => 'articleTpl',
'tplOuter' => '@INLINE {$wrapper}',
'showHidden' => '1',

	'leftJoin' => '{
		"localizator" : {
			"class" : "localizatorContent",
			"alias" : "localizator",
			"on" : "localizator.resource_id = modResource.id"
		}
	}',
	'select' => '{ "localizator" : "modResource.*, localizator.*, modResource.id" }',
        'where' => '{ "localizator.key" : "' ~ ('localizator_key' | option) ~ '"}',
]}
<code>


<code><div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto sidenav" id="navAccordion">
    
        <!-- Активный пункт меню светится//-->
      <li class="nav-item active">
        <a class="nav-link" href="#">Главная <span class="sr-only">(current)</span></a> 
      </li>
      <!-- Активный пункт меню светится//-->
      
      <!-- Обычный пункт меню//-->
      <li class="nav-item"> 
        <a class="nav-link nav-link-menu" href="#">Доставка</a>
      </li>
      <!-- Обычный пункт меню//-->
      
      <!-- пункт с вложением //-->
      <li class="nav-item dropdowns">
        <a
          class="nav-link nav-link-collapse"
          href="#"
          id="hasSubItems"
          data-toggle="collapse"
          data-target="#collapseSubItems1"
          aria-controls="collapseSubItems1"
          aria-expanded="false"
        >Услуги</a>
        
        <ul class="nav-second-level collapse" id="collapseSubItems1" data-parent="#navAccordion">
          <li class="nav-item">
            <a class="nav-link nav-link-menu" href="#">
              <span class="nav-link-text">Автомобиль</span>
            </a>
          </li>
          
          <li class="nav-item">
            <a class="nav-link nav-link-menu" href="#">
              <span class="nav-link-text">Недвижимость</span>
            </a>
          </li>
          
        </ul>
        
      </li>
      <!-- конец пункт с вложением //-->
    
       <!-- пункт с вложением //-->
      <li class="nav-item dropdowns">
        <a
          class="nav-link nav-link-collapse"
          href="#"
          id="hasSubItems"
          data-toggle="collapse"
          data-target="#collapseSubItems2"
          aria-controls="collapseSubItems2"
          aria-expanded="false"
        >Ремонт</a>
        
        <ul class="nav-second-level collapse" id="collapseSubItems2" data-parent="#navAccordion">
          <li class="nav-item">
            <a class="nav-link nav-link-menu" href="#">
              <span class="nav-link-text">Мопеды</span>
            </a>
          </li>
          
          <li class="nav-item">
            <a class="nav-link nav-link-menu" href="#">
              <span class="nav-link-text">Велосипеды</span>
            </a>
          </li>
          
        </ul>
        
      </li>
      <!-- конец пункт с вложением //-->
      
      
      
      <li class="nav-item">
        <a class="nav-link" href="#">Контакты</a>
      </li>
      
              
</ul>
</div>

data-target="#collapseSubItems1" — как у него менять 1 на 2 или 3… если вложенных меню много, то надо что б у каждого был свой номер, иначе не работает...

ну и запутался в коде, каша в голове уже… с pdoPage
Игорь
27 февраля 2021, 16:52
modx.pro
107
0

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

Иван Бочкарев
27 февраля 2021, 20:56
0
Откуда вы берете вызовы такого вида? В документации описано по другому. Зачем все эти лишние параметры?
    Игорь
    27 февраля 2021, 21:18
    0
    а конкретно про что «лишние параметры»
      Артур
      27 февраля 2021, 21:29
      0
      Было бы здорово если бы ты развил мысль насчёт параметров, мне тоже интересно, что там не по канону.
      Артур
      27 февраля 2021, 21:28
      0
      А что мешает ставить не 1, 2, 3, а например id ресурса?
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        4