Вывод с помощью 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

1 050

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

ElenaLelo

29 октября 2019, 16:49

Ну, так сделайте верстку соответствующую. Всего лишь следует сверстать колонками, а не строками, сделать стандартный вызов PdoMenu/pdoResources и все.

display: flex;
 flex-direction: column;

Хотя, просто ставите у обертки ширину 1/3 и верстка сама вниз пойдет. Мб проблему не поняла.

Виталий

30 октября 2019, 18:13

Не совсем вас понял.
Вот сверстал таблицу, а как теперь привязать вывод меню к такому шаблону?

<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

Ребят, пишу снова, пост ушел вниз а решения я сам так и не нашел. Дайте наводку, что прописать в чанке шаблоне там где должна выводится категория и подкатегория, Как вызвать, буду уж сам думать.

Сергей Шлоков

03 ноября 2019, 10:08

так как хочу делать структуру сайта с 3 категориями и в последней статьи для удобства фильтра

Видимо имеется ввиду 3 уровня категории.

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

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

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

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

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