Вывод всей структуры сайта. Возможно?

Добрый день.
Подскажите реально ли реализовать такой способ вывода ресурсов на главной странице с помощью pdoResources, если да подскажите пожалуйста, если нет то направьте куда копать.

Вообщем задача такая:

Структура меню следующая

<ul>
           <li>1
              <ul>
                <li>1-1</li>
                <li>1-2</li>
                <li>1-3</li>
              </ul>
           </li>
           <li>2
              <ul>
                <li>2-1</li>
                <li>2-2</li>
                <li>2-3</li>
              </ul>
           </li>
           <li>3
              <ul>
                <li>3-1</li>
                <li>3-2</li>
                <li>3-3</li>
              </ul>
           </li>
           <li>4
              <ul>
                <li>4-1</li>
                <li>4-2</li>
                <li>4-3</li>
              </ul>
           </li>
           <li>5
              <ul>
                <li>5-1</li>
                <li>5-2</li>
                <li>5-3</li>
              </ul>
           </li>
           <li>6
              <ul>
                <li>6-1</li>
                <li>6-2</li>
                <li>6-3</li>
              </ul>
           </li>
         </ul>

Шаблон .row>.col-md-4*3

Задача сделать что бы каждый родитель с дочками, отображался в каждый новый .col-md-4 таким образом генерировать контент в 3 колонки.

Пример тут learn.javascript.ru/

Спасибо за подсказку!
Сергей
08 февраля 2017, 15:34
modx.pro
901
0

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

PG
PG
08 февраля 2017, 18:47
+3
а чем pdoMenu не подошел?
    Сергей
    08 февраля 2017, 20:01
    0
    А в принципе да, что то я не подумал! Спасибо за подсказку!
      Сергей
      09 февраля 2017, 00:00
      0
      Спасибо еще раз pdoMenu помогло. Вопрос теперь в другом…
      У меня так же три колонки как и примере, а в структуре четное количество родительских пунктов. При нечетном 3,6,9,12 и т.д. все ровненько, а когда 2,4,6,8,10 все плывет. Я так понял что нужно каждые три колонки оборачивать в row типа:
      <div class="row">
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4">.col-md-4</div>
      </div>
      
      <div class="row">
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4">.col-md-4</div>
      </div>
      
      <div class="row">
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4">.col-md-4</div>
      </div>
      Как это реализовать в pdoMenu не можете подсказать.

        Сергей
        09 февраля 2017, 11:10
        0
        Нашел решение добавления
        <script>
        	$('.row div').each(function(i,e){
                if (((i+1) % 3) == 0)
            $(this).after('<div class="clearfix"></div>')
        </script>
        
        <div class="row">
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
        </div>
        
        Получается типа: 
        
        <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
        <div class="clearfix"></div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
        <div class="clearfix"></div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
          <div class="col-md-4 col-sm-6">.col-md-4</div>
        Но при разрешении col-sm-6 начинает все плыть. Кто нибудь решал такую проблему со сдвигами блоков при разном разрешении?
          Сергей
          09 февраля 2017, 13:14
          0
          Решено с помощью
          <div class="hidden-sm clearfix"></div>

          Извините за беспокойство!
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5