Как сделать вывод списка подкатегорий по клику в меню?

@Maxtor · Регистрация: 17.08.2015

Студворк — интернет-сервис помощи студентам

Добрый день. Пересмотрел много советов но нужного не нашёл.
В верхнем меню есть пункт Компьютер, далее подменю комплектующие. Как сделать чтобы при нажатии меню комплектующие на странице выводился список подкатегорий (жёсткие диски, видеокарты и т.д.) а не сам материал.

В админке созданы категории: компьютер-комплектующие-жесткие диски и т.д.

Подскажите пож. Желательно с примером.

@dimitron · 17.08.2015, 17:54

Maxtor, Здравствуйте, очень просто, если хотите вывести подкатегорию в этой же подкатегории используйте

****
[category=X]текст[/category] - Предназначен для вывода текста если пользователь находится в X категории. Где X это ID вашей категории. Допустимо перечислять категории через запятую

пример тут приводить не к чему, но я приведу.
Задача. Нам нужно вывести блок в категорию Ноутбуки (эта категория к примеру имеет ID=p).
[category=p]
Вставляем верстку своего блока или меню
[/category]

@Maxtor · 17.08.2015, 18:24 **[ТС]**

Спасибо за совет. Для примера есть образец на картинке. Примерно такой результат нужен

Как сделать вывод списка подкатегорий по клику в меню?

Нажимаем дача в меню и выводятся подкатегории из категории дача.

@dimitron · 17.08.2015, 18:35

Это выпадающее меню, сам движок такое выпадающее меню не будет, если конечна к нему это не дописано. Это вам можно решить следующим образом. Просто сверстать все меню и просто прописать к ссылкам адреса

@Maxtor · 17.08.2015, 19:03 **[ТС]**

Да вот выпадающее меню как-раз у меня есть. Нужно вывести категории в месте где обведено красным.
По умолчанию там выводятся сразу все статьи. Нужно вывести список категорий

@dimitron · 17.08.2015, 19:17

они же выводяться

@maxvel0007 · 19.08.2015, 09:47

Делаете дополнительный стила в css:

CSS
1
.active_menu {background: #ff2400;}

В блоке меню дополняете класс:

HTML5
1
<div class="active_menu">Компьютер</div>

Тегом определяем находимся в нужной категории или нет:

HTML5
1
[category=1]active_menu[/category]

На выходе должно получиться такое:

HTML5
1
<div class="[category=1]active_menu[/category]">Компьютер</div>

Можно сделать и так:

HTML5
1
<div class="[category=1]active_menu[/category][not-category=1]active_menu_2[/not-category]">Компьютер</div>

PS... Не смотрите на див и наименование, не вижу сайта и не знаю как у вас сделано в коде дивами или li тегами меню, просто пример по классам.

@Maxtor · 19.08.2015, 10:28 **[ТС]**

Спасибо за ответ. С вашей подсказкой думаю получится сделать вывод категорий. У меня li используется

Новые блоги и статьи Все статьи Все блоги /
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .

@Maxtor 0 / 0 / 0 Регистрация: 17.08.2015 Сообщений: 4

	Как сделать вывод списка подкатегорий по клику в меню? 17.08.2015, 09:57. Показов 5120. Ответов 7 Метки нет (Все метки) Добрый день. Пересмотрел много советов но нужного не нашёл. В верхнем меню есть пункт Компьютер, далее подменю комплектующие. Как сделать чтобы при нажатии меню комплектующие на странице выводился список подкатегорий (жёсткие диски, видеокарты и т.д.) а не сам материал. В админке созданы категории: компьютер-комплектующие-жесткие диски и т.д. Подскажите пож. Желательно с примером. 0

@dimitron 11 / 11 / 5 Регистрация: 13.08.2015 Сообщений: 72
	17.08.2015, 17:54
	Maxtor, Здравствуйте, очень просто, если хотите вывести подкатегорию в этой же подкатегории используйте **** [category=X]текст[/category] - Предназначен для вывода текста если пользователь находится в X категории. Где X это ID вашей категории. Допустимо перечислять категории через запятую пример тут приводить не к чему, но я приведу. Задача. Нам нужно вывести блок в категорию Ноутбуки (эта категория к примеру имеет ID=p). [category=p] Вставляем верстку своего блока или меню [/category] 1

@Maxtor 0 / 0 / 0 Регистрация: 17.08.2015 Сообщений: 4
	17.08.2015, 18:24 [ТС]
	Спасибо за совет. Для примера есть образец на картинке. Примерно такой результат нужен Нажимаем дача в меню и выводятся подкатегории из категории дача. 0

@dimitron 11 / 11 / 5 Регистрация: 13.08.2015 Сообщений: 72
	17.08.2015, 18:35
	Это выпадающее меню, сам движок такое выпадающее меню не будет, если конечна к нему это не дописано. Это вам можно решить следующим образом. Просто сверстать все меню и просто прописать к ссылкам адреса 0

@Maxtor 0 / 0 / 0 Регистрация: 17.08.2015 Сообщений: 4
	17.08.2015, 19:03 [ТС]
	Да вот выпадающее меню как-раз у меня есть. Нужно вывести категории в месте где обведено красным. По умолчанию там выводятся сразу все статьи. Нужно вывести список категорий 0

@dimitron 11 / 11 / 5 Регистрация: 13.08.2015 Сообщений: 72
	17.08.2015, 19:17
	они же выводяться 0

@Maxtor 0 / 0 / 0 Регистрация: 17.08.2015 Сообщений: 4
	19.08.2015, 10:28 [ТС]
	Спасибо за ответ. С вашей подсказкой думаю получится сделать вывод категорий. У меня li используется 0