Вывод с помощью PdoMenu или Wayfinder не в древовидном виде


Добрый день.
1. PdoMenu или Wayfinder при выводе всегда формируется в древовидном виде, например:
Категория 1
I
Подкатегория 1
I
Статья 1

Категория 2
I
Подкатегория 2
I
Статья 2

Для моих целей это не очень удобно, так как хочу делать структуру сайта с 3 категориями и в последней статьи для удобства фильтра например (ДСТ(1 категория)-Коматцу(2 категория)-Экскаваторы(3 категория)- потом будут статьи, ДСТ-Коматцу-Бульдозеры-статьи). 1-х категорий будет порядка 10, вторых котегорий порядка 30, третьих категорий под сотню.
На главной хочу чтобы выводились по центру только категории также в виде древа, но чтобы можно было по ширине странице разместить 3 блока и вниз до бесконечности по три блока, вроде как это реализовано на ресурсах типа каталогов сайтов, например так:

Категория 1 Категория 3 Категория 5
| | |
Подкатегория 1.1 Подкатегория 3.1 Подкатегория 5.1
| | |
Подкатегория 1.2 Подкатегория 3.2 Подкатегория 5.2


Категория 2 Категория 4 Категория 6
| | |
Подкатегория 2.1 Подкатегория 4.1 Подкатегория 6.1
| | |
Подкатегория 2.2 Подкатегория 4.2 Подкатегория 6.2

При добавление категорий и подкатегорий они автоматом бы выводились на главной, можно это реализовать с помощью PdoMenu или Wayfinder, просто не хочется верстать все на дивах и вручную прописывать ссылки на категории, плюс еще дело в том что подкатегории будут добавляться неравномерно и форматирование таблицы геморойно.
Виталий
29 октября 2019, 12:43
modx.pro
468
0

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

ElenaLelo
29 октября 2019, 16:49
0
Ну, так сделайте верстку соответствующую. Всего лишь следует сверстать колонками, а не строками, сделать стандартный вызов PdoMenu/pdoResources и все.
display: flex;
 flex-direction: column;
Хотя, просто ставите у обертки ширину 1/3 и верстка сама вниз пойдет. Мб проблему не поняла.
    Виталий
    30 октября 2019, 18:13
    0
    Не совсем вас понял.
    Вот сверстал таблицу, а как теперь привязать вывод меню к такому шаблону?
    <div class="clear"></div>
    					<div id="content_lid" class="grid_16 pngfix"> </div>
    					<div class="clear"></div>
    					<div id="front_content" class="grid_16">
    						<div id="front_content_bkgnd_btm" class="pngfix">
    							<div id="special_title" class="column_1_of_2">
    								<div class="special widget_text">
    									<div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    												<h3 class="special_title">1 категория</h3>
    											</div>
    										</div>
    									</div>
    									<div class="textwidget">
    										(здесь необходим вывод подкатегорий)
    									</div>
    							</div>
    							</div>
    							
    							<!-- end special -->
    							<!-- centr -->
    						<div id="cont_col_1_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">2 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end centr -->
    							<!-- right -->
    							<div id="cont_col_2_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">3 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end right -->
    							<!-- 2 -->
    							<div id="cont_col_3_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">4 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 2 -->
    							<!-- 2-1 -->
    							<div id="cont_col_5_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">5 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 2-1 -->
    							<!-- 2-2 -->
    							<div id="cont_col_6_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">6 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 2-2 -->
    							<!-- 3 -->
    							<div id="cont_col_7_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">7 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 3 -->
    							<!-- 3-1 -->
    							<div id="cont_col_8_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">8 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 3-1 -->
    							<!-- 3-2 -->
    							<div id="cont_col_9_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">9 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 3-2 -->
    							<!-- 4 -->
    							<div id="cont_col_10_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">10 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 4 -->
    							<!-- 4-1 -->
    							<div id="cont_col_11_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">11 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 4-1 -->
    							<!-- 4-2 -->
    							<div id="cont_col_12_title" class="column_1_of_2">
    								<div class="special widget_text">
    								    <div class="sp_title_m">
    										<div class="sp_title_l">
    											<div class="sp_title_r">
    									<h3 class="special_title">12 категория</h3>
    									</div>
    										</div>
    									</div>
    									<div class="textwidget">
    									    (здесь необходим вывод подкатегорий)
    									    </div>
    								</div>
    							</div>
    							<!-- end 4-2 -->
    						<!-- end front_content_bkgnd_btm -->
    						
    						</div>
    					</div>
    					<!-- end front_content -->
      Виталий
      01 ноября 2019, 14:44
      0
      Ребят, пишу снова, пост ушел вниз а решения я сам так и не нашел. Дайте наводку, что прописать в чанке шаблоне там где должна выводится категория и подкатегория, Как вызвать, буду уж сам думать.
        Сергей Шлоков
        03 ноября 2019, 10:08
        0
        так как хочу делать структуру сайта с 3 категориями и в последней статьи для удобства фильтра
        Видимо имеется ввиду 3 уровня категории.

        pdoMenu работает с данными уже ввиде дерева, а не с плоским списком. Проще всего реализовать такое через Fenom. К сожалению, из коробки сниппеты pdoTools не умеют работать сырыми данными. Попробуйте разобраться с таким решением. Дальше как два пальца…
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          4