Создание меню

Здравствуйте у меня возникла проблема при создании меню.
Имеется шаблон (созданный в adobe muse)
Шаблон поставил на modx revo почти полностью к тому же он довольно таки прост.
Но возникла проблема при внедрении меню сайта а именно не могу понять как его внедрить с помощью wayfinder если структура вот такого формата:

<div class="browser_width colelem" id="u306-bw">
     <div id="u306"><!-- group -->
      <div class="clearfix" id="u306_align_to_page">
       <nav class="MenuBar clearfix grpelem" id="menuu307"><!-- horizontal box -->
        <div class="MenuItemContainer clearfix grpelem" id="u308"><!-- vertical box -->
         <div class="MenuItem MenuItemWithSubMenu clearfix colelem" id="u309"><!-- horizontal box -->
          <div class="MenuItemLabel NoWrap clearfix grpelem" id="u312-4"><!-- content -->
           <p>ГЛАВНАЯ</p>
          </div>
         </div>
        </div>
        <div class="MenuItemContainer clearfix grpelem" id="u545"><!-- vertical box -->
         <div class="MenuItem MenuItemWithSubMenu clearfix colelem" id="u548"><!-- horizontal box -->
          <div class="MenuItemLabel NoWrap clearfix grpelem" id="u551-4"><!-- content -->
           <p>О НАС</p>
          </div>
         </div>
        </div>
        <div class="MenuItemContainer clearfix grpelem" id="u601"><!-- vertical box -->
         <div class="MenuItem MenuItemWithSubMenu clearfix colelem" id="u602"><!-- horizontal box -->
          <div class="MenuItemLabel NoWrap clearfix grpelem" id="u605-4"><!-- content -->
           <p>НОВОСТИ</p>
          </div>
         </div>
        </div>
        <div class="MenuItemContainer clearfix grpelem" id="u552"><!-- vertical box -->
         <div class="MenuItem MenuItemWithSubMenu clearfix colelem" id="u553"><!-- horizontal box -->
          <div class="MenuItemLabel NoWrap clearfix grpelem" id="u556-4"><!-- content -->
           <p>УСЛУГИ</p>
          </div>
         </div>
         <div class="SubMenu  MenuLevel1 clearfix" id="u557"><!-- vertical box -->
          <ul class="SubMenuView clearfix colelem" id="u558"><!-- vertical box -->
           <li class="MenuItemContainer clearfix colelem" id="u559"><!-- horizontal box -->
            <div class="MenuItem MenuItemWithSubMenu clearfix grpelem" id="u560"><!-- horizontal box -->
             <div class="MenuItemLabel NoWrap clearfix grpelem" id="u562-4"><!-- content -->
              <p>СЕРВИС</p>
             </div>
            </div>
           </li>
           <li class="MenuItemContainer clearfix colelem" id="u573"><!-- horizontal box -->
            <div class="MenuItem MenuItemWithSubMenu clearfix grpelem" id="u576"><!-- horizontal box -->
             <div class="MenuItemLabel NoWrap clearfix grpelem" id="u579-4"><!-- content -->
              <p>ЦЕНЫ</p>
             </div>
            </div>
           </li>
          </ul>
         </div>
        </div>
        <div class="MenuItemContainer clearfix grpelem" id="u580"><!-- vertical box -->
         <div class="MenuItem MenuItemWithSubMenu clearfix colelem" id="u581"><!-- horizontal box -->
          <div class="MenuItemLabel NoWrap clearfix grpelem" id="u584-4"><!-- content -->
           <p>КОНТАКТЫ</p>
          </div>
         </div>
        </div>
       </nav>
      </div>
     </div>
    </div>


Уже день голову ломаю но меню не отображается как должно быть…
Может нужно создать дополнительные чанки для меню но какие? я еще не совсем разобрался с созданием меню.
Меню имеет раздел с 2 подразделами а именно раздел Услуги.

Mixalboyarskiy
Mixalboyarskiy
29 июля 2014, 21:08
modx.pro
4 710
0

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

Александр Москвин
Александр Москвин
30 июля 2014, 03:56
+1
Зачем такие сложности.
Обычный шаблон через ul li ul подходит куда лучше.
Стили css написать вообще не сложно, тем более меню как меню двухуровневое.
В общем тут скорее у тебя проблема с самой версткой
Такая вложенность мусор, а не код.
    Mixalboyarskiy
    Mixalboyarskiy
    30 июля 2014, 04:58
    0
    Об этом то и речь идет мне дали такую верстку а я в этом не силен так и понял сразу что проблема в лишних css а в коде это отчетливо видно вместо того что бы использовать один стиль там их для каждого пункта меню сразу аж 3 шт:( Поэтому прошу помощи как мне править такое меню что бы внедрить полностью его в Modx Revo. Хотелось бы узнать на примере как такое меню поставить в Modx Revo… Очень нужно я просто уже замучился с этим меню а сделать надо…
      Александр Москвин
      Александр Москвин
      30 июля 2014, 05:12
      0
      Работы максимум на 10 минут по меню, если реверстку сделать.
      Внедрить можно.
      копай в сторону шаблона обертки и шаблона пункта меню.
      Ещё меню странное без ссылки, так надо?
      Но зачем делать криво, внедряя такой код, если можно сделать ровно, вот в чем суть.

        Mixalboyarskiy
        Mixalboyarskiy
        30 июля 2014, 05:27
        0
        Да я так сразу и подумал что видимо мне все же придется переверстывать это чертово меню:( А это у программы надо спросить почему она так код генерирует :( Да ссылки это не проблема главное меню и обертка эх жаль что так криво код сверстан программой.
        Я сейчас прошёлся по css меню у всех UL и LI а тут черт ногу сломит:(

        (проблема в том что в верстке по меню «таким» не очень силен могу дать шаблон весь мне нужен пример как это реализовать остальное подхвачу) Потому что чую в дальнейшем мне будут еще такие шаблоны давать а именно с программы adobe muse…
          Михаил
          Михаил
          30 июля 2014, 06:59
          0
          Генерируемое программами это действительно ужс.
          Например можно взять исходники тут.
          В принципе и это можно запихать в wayfinder, а лучше в pdoMenu. Если что пиши, поможем.
            Mixalboyarskiy
            Mixalboyarskiy
            30 июля 2014, 07:08
            0
            А вот за исходники меню большая благодарность.
            Да с генерациями кода в программах согласен но в будущем хотелось бы иметь возможность интегрировать таких зверюг в Modex Revo частенько бывают что просят из WB или AM интегрировать например визитки итд :( Ну вот как раз и столкнулся с этим хех даже не ожидал что из а кого то простого меню будут такие проблемы :)

            Всем спасибо буду пробовать по исходникам:)
              Александр Москвин
              Александр Москвин
              30 июля 2014, 12:15
              0
              Если уж решил так меню вывести, то маны почитай про
              docs.modx.pro/components/pdotools/snippets/pdomenu

              Или возьми на примере wayfinder можно через чанки делать оформление или в настройках параметров, можно задать.
              Заходишь в pdotools сниппет, параметры, создаешь набор параметров @test1 допустим там же всё про русски написано, обертка
              Добавляешь свою структуру и потом просто вызываешь
              [[!pdoMenu@test1?]]
                Mixalboyarskiy
                Mixalboyarskiy
                31 июля 2014, 00:57
                0
                Большое спасибо попробую главное понять как такие вещи касательно такого кода интегрировать а дальше что бы проблем не было вот и все :)
                  Mixalboyarskiy
                  Mixalboyarskiy
                  31 июля 2014, 01:10
                  0
                  Блин не пойму на счет структуры там же вон сколько class и id как их разделить и узнать правильно что к чему относиться? Я бы хотел создать чанки с шаблонами для такого меню что бы не замарачиваться допустим… Я так понял нужно сделать по такой структуре: Но для того что бы это сделать нужно разобраться в этих class и id именно по этому меню…
                    Владимир Дремучий
                    Владимир Дремучий
                    31 июля 2014, 01:18
                    0
                    Да ведь проще переверстать весь блок, задача реально быстрая, не больше 10 минут.
      Михаил
      Михаил
      31 июля 2014, 09:38
      0
      В общем разбираемся:
      [[!pdoMenu?
&parents=`0`
]]
      Вызвали меню с выводом с корня. Открываем документацию, начинаем вникать.
      У нас есть вложенность, будем делать 4 чанка.
      1-й: оформляем все меню:
      &tplOuter=`tplOuter`
      в нем будет этот код:
      <div class="browser_width colelem" id="u306-bw">
    <div id="u306"><!-- group -->
        <div class="clearfix" id="u306_align_to_page">
            <nav class="MenuBar clearfix grpelem" id="menuu307"><!-- horizontal box -->
                [[+wrapper]]
            </nav>
        </div>
    </div>
</div>
      и дальше по аналогии.
        Mixalboyarskiy
        Mixalboyarskiy
        31 июля 2014, 09:45
        0
        О спасибо то что нужно а то я уже замучился разбирать этот поганый код :(
          Михаил
          Михаил
          31 июля 2014, 09:47
          0
          Если не понятно будет пиши
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        13