Реализация меню [Решено]

Ребята, добрый день!
Есть сайт prabo.ru/catalog/rabochaya_obuv/kozhanaya_zashchitnaya_obuv/sandali_sabo_i_polubotinki/, там есть боковое меню, 3 уровня вложенности. Может, кто подскажет, как его реализовать. Или похожее меню есть. Знаний не хватает.
Спасибо.
Алексей
Алексей
15 марта 2018, 13:58
modx.pro
1 165

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

Дмитрий
Дмитрий
15 марта 2018, 18:47
Если знаний не хватает, то их нужно найти :) Особенно, если это касается достаточно элементарных задач, которые уже сотни десятков тысяч раз решались. Пример с одного рабочего проекта. Выводит практически такое же меню. Только без картинок. Ну и их легко вывести путем подключения ТВ к ресурсам.
Всё, что нужно — это внимательно почитать документацию по pdoMenu
<div class="collapse-panel filter-catalog">
            {$_modx->runSnippet('pdoMenu',[
                'parents' => 2,
                'resources' => '-12,-30,-31',
                'level' => 3,
                'templates' => '-3',
                'tplOuter' => '@FILE:chunks/shop/filter/catalogMenu.outer.tpl',
                'tpl' => '@FILE:chunks/shop/filter/catalogMenu.lev1.row.tpl',
            ])}
        </div>
    Алексей
    Алексей
    16 марта 2018, 10:44
    Дмитрий, добрый день!
    Спасибо за ответ. Как вывести меню я знаю. Я не знаю как вывести сначала первый уровень, при клике переход на страницу и открывается второй уровень и т.д (как реализовано на указанном сайте). Здесь я думаю java? а вот с ним я плохо знаком :)
      Дмитрий
      Дмитрий
      16 марта 2018, 10:53
      Для того, чтобы это выяснить, нужно расковырять исходный код страницы и посмотреть, что да как работает.
      Вообще да, там используется JavaScript, но как-то очень убого используется, что срабатывает только при перезагрузке. В основы jQuery можно врубится за пару дней совершенно точно. Тем более в коде страницы код простой.
      Поковыряйтесь вот здесь, разберитесь, как работает.


    Алексей
    Алексей
    16 марта 2018, 10:56
    Я понял, спасибо!
      Алексей
      Алексей
      16 марта 2018, 13:12
      Решил с помощью вот этого:
      masscode.ru/index.php/k2/item/51-liharmonica#comment-99
      Спасибо за помощь!
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        5