Создание меню
Здравствуйте у меня возникла проблема при создании меню.
Имеется шаблон (созданный в adobe muse)
Шаблон поставил на modx revo почти полностью к тому же он довольно таки прост.
Но возникла проблема при внедрении меню сайта а именно не могу понять как его внедрить с помощью wayfinder если структура вот такого формата:
Может нужно создать дополнительные чанки для меню но какие? я еще не совсем разобрался с созданием меню.
Меню имеет раздел с 2 подразделами а именно раздел Услуги.
Имеется шаблон (созданный в 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 подразделами а именно раздел Услуги.
Комментарии: 13
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Обычный шаблон через ul li ul подходит куда лучше.
Стили css написать вообще не сложно, тем более меню как меню двухуровневое.
В общем тут скорее у тебя проблема с самой версткой
Такая вложенность мусор, а не код.
Внедрить можно.
копай в сторону шаблона обертки и шаблона пункта меню.
Ещё меню странное без ссылки, так надо?
Но зачем делать криво, внедряя такой код, если можно сделать ровно, вот в чем суть.
Я сейчас прошёлся по css меню у всех UL и LI а тут черт ногу сломит:(
(проблема в том что в верстке по меню «таким» не очень силен могу дать шаблон весь мне нужен пример как это реализовать остальное подхвачу) Потому что чую в дальнейшем мне будут еще такие шаблоны давать а именно с программы adobe muse…
Например можно взять исходники тут.
В принципе и это можно запихать в wayfinder, а лучше в pdoMenu. Если что пиши, поможем.
Да с генерациями кода в программах согласен но в будущем хотелось бы иметь возможность интегрировать таких зверюг в Modex Revo частенько бывают что просят из WB или AM интегрировать например визитки итд :( Ну вот как раз и столкнулся с этим хех даже не ожидал что из а кого то простого меню будут такие проблемы :)
Всем спасибо буду пробовать по исходникам:)
docs.modx.pro/components/pdotools/snippets/pdomenu
Или возьми на примере wayfinder можно через чанки делать оформление или в настройках параметров, можно задать.
Заходишь в pdotools сниппет, параметры, создаешь набор параметров @test1 допустим там же всё про русски написано, обертка
Добавляешь свою структуру и потом просто вызываешь
[[!pdoMenu@test1?]]
Вызвали меню с выводом с корня. Открываем документацию, начинаем вникать.
У нас есть вложенность, будем делать 4 чанка.
1-й: оформляем все меню:
в нем будет этот код:
и дальше по аналогии.