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

Добрый день.
Подскажите реально ли реализовать такой способ вывода ресурсов на главной странице с помощью 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

1 228

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

08 февраля 2017, 18:47

а чем pdoMenu не подошел?

Сергей

08 февраля 2017, 20:01

А в принципе да, что то я не подумал! Спасибо за подсказку!

Сергей

09 февраля 2017, 00:00

Спасибо еще раз 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

Нашел решение добавления

<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

Решено с помощью

<div class="hidden-sm clearfix"></div>

Извините за беспокойство!

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

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

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

Здесь упомянуты