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

Здравствуйте у меня возникла проблема при создании меню.
Имеется шаблон (созданный в 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

29 июля 2014, 21:08

4 727

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

Александр Москвин

30 июля 2014, 03:56

Зачем такие сложности.
Обычный шаблон через ul li ul подходит куда лучше.
Стили css написать вообще не сложно, тем более меню как меню двухуровневое.
В общем тут скорее у тебя проблема с самой версткой
Такая вложенность мусор, а не код.

Mixalboyarskiy

30 июля 2014, 04:58

Об этом то и речь идет мне дали такую верстку а я в этом не силен так и понял сразу что проблема в лишних css а в коде это отчетливо видно вместо того что бы использовать один стиль там их для каждого пункта меню сразу аж 3 шт:( Поэтому прошу помощи как мне править такое меню что бы внедрить полностью его в Modx Revo. Хотелось бы узнать на примере как такое меню поставить в Modx Revo… Очень нужно я просто уже замучился с этим меню а сделать надо…

Александр Москвин

30 июля 2014, 05:12

Работы максимум на 10 минут по меню, если реверстку сделать.
Внедрить можно.
копай в сторону шаблона обертки и шаблона пункта меню.
Ещё меню странное без ссылки, так надо?
Но зачем делать криво, внедряя такой код, если можно сделать ровно, вот в чем суть.

Mixalboyarskiy

30 июля 2014, 05:27

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

(проблема в том что в верстке по меню «таким» не очень силен могу дать шаблон весь мне нужен пример как это реализовать остальное подхвачу) Потому что чую в дальнейшем мне будут еще такие шаблоны давать а именно с программы adobe muse…

Михаил

30 июля 2014, 06:59

Генерируемое программами это действительно ужс.
Например можно взять исходники тут.
В принципе и это можно запихать в wayfinder, а лучше в pdoMenu. Если что пиши, поможем.

Mixalboyarskiy

30 июля 2014, 07:08

А вот за исходники меню большая благодарность.
Да с генерациями кода в программах согласен но в будущем хотелось бы иметь возможность интегрировать таких зверюг в Modex Revo частенько бывают что просят из WB или AM интегрировать например визитки итд :( Ну вот как раз и столкнулся с этим хех даже не ожидал что из а кого то простого меню будут такие проблемы :)

Всем спасибо буду пробовать по исходникам:)

Александр Москвин

30 июля 2014, 12:15

Если уж решил так меню вывести, то маны почитай про
docs.modx.pro/components/pdotools/snippets/pdomenu

Или возьми на примере wayfinder можно через чанки делать оформление или в настройках параметров, можно задать.
Заходишь в pdotools сниппет, параметры, создаешь набор параметров @test1 допустим там же всё про русски написано, обертка
Добавляешь свою структуру и потом просто вызываешь
[[!pdoMenu@test1?]]

Mixalboyarskiy

31 июля 2014, 00:57

Большое спасибо попробую главное понять как такие вещи касательно такого кода интегрировать а дальше что бы проблем не было вот и все :)

Mixalboyarskiy

31 июля 2014, 01:10

Блин не пойму на счет структуры там же вон сколько class и id как их разделить и узнать правильно что к чему относиться? Я бы хотел создать чанки с шаблонами для такого меню что бы не замарачиваться допустим… Я так понял нужно сделать по такой структуре: Но для того что бы это сделать нужно разобраться в этих class и id именно по этому меню…

Владимир Дремучий

31 июля 2014, 01:18

Да ведь проще переверстать весь блок, задача реально быстрая, не больше 10 минут.

Михаил

31 июля 2014, 09:38

В общем разбираемся:

[[!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

31 июля 2014, 09:45