Работа с меню
Внимание! В редакторе все функции заключаются в теги [uss]функция[/uss], (означающие начало и конец вызываемой функции)
Вывод меню
Данная функция выводит левое, правое, верхнее, нижнее, дополнительное меню, а так же подменю выбранного раздела сайта в различном виде.
displayMenu2(позиция, id, 'тип', подменю, уровень, класс, 'разделитель', разделитель в конце)- позиция - позиция меню, предусмотренны следующие позиции:
- 1 - Левое меню
- 2 - Верхнее меню. По умолчанию выводится верхнее меню (позиция=2)
- 3 - Правое меню
- 4 - Нижнее меню
- 5 - Невыводимые на сайте
- 6 - Дополнительное меню
- false - не использовать группу, а брать подменю раздела, который задается вторым параметром id
- id - id конкретного раздела, у которого необходимо вывести подменю. Работает только, если первый параметр false. Берется из адресной строки браузера, находясь в требуемом разделе (нужный Вам id приравнен к reference=id). По умолчанию id=0.
- 'тип' - тип меню:
- 'li' - вывод в структурированном списке. По умолчанию 'тип'='li'.
- 'a' - вывод просто ссылками подряд через пробел. Выводится только без подменю
- 'td' - вывод в таблице. Выводится только без подменю
- подменю - видимость подменю:
- 1 - выводить подменю. По умолчанию подменю выводится (подменю=1)
- 2 - не выводить подменю
- 3 - выводить подменю только активного пункта
- уровень - уровень, до которого раскрывается меню. По умолчанию меню раскрывается полностью (уровень=false). Может принимать значения false, 1, 2, 3 и т.д.
- классы = { true | false } - Вывод уникальных классов для каждого пункта меню. По умолчанию не выводятся (классы=false)
- 'разделитель' - Разделитель. Выводится после каждого пункта меню. По умолчанию не используется ('разделитель'='')
- разделитель в конце = { true | false } - Выводить разделитель после последнего пункта меню. По умолчанию не выводится (разделитель в конце=false)
Пример:
Выведем верхнее меню с параметрами по умолчанию.
<div class="menu">
[uss]displayMenu2()[/uss]
</div>
вернет следующий html-код:
<div class="menu">
<ul>
<li>
<a title="Работа с шаблонами" href="/templates/">Работа с шаблонами</a>
<ul class="submenu">
<li><a title="Стандарты/требования" href="/templates/standart/">Стандарты/требования</a></li>
<li><a title="Подключение шаблона" href="/templates/tml/">Подключение шаблона</a></li>
<li><a title="Подключение таблицы стилей" href="/templates/addcss/">Подключение таблицы стилей</a></li>
</ul>
</li>
<li>
<a title="Работа со стилями" href="/css/">Работа со стилями</a>
<ul class="submenu">
<li><a title="Стандарты/требования" href="/css/standart/">Стандарты/требования</a></li>
<li><a title="Методы интеграции" href="/css/integration/">Методы интеграции</a></li>
<li><a title="Рекомендации" href="/css/recommendation/">Рекомендации</a></li>
</ul>
</li>
<li class="active">
<a title="Описание функций" href="/function/">Описание функций</a>
<ul class="submenu">
<li><a title="Работа с меню" href="/function/menu_functions/">Работа с меню</a></li>
<li><a title="Работа с формами" href="/function/form_functions/">Работа с формами</a></li>
<li><a title="Работа с контентом и разделами сайта" href="/function/content_functions/">Работа с контентом и разделами сайта</a></li>
<li><a title="Прочие функции" href="/function/other_functions/">Прочие функции</a></li>
</ul>
</li>
<li>
<a title="Общие настройки" href="/settings/">Общие настройки</a>
</li>
</ul>
</div>
и выведет верхнее меню в виде структурированного списка с раскрытым полностью подменю:
Выведем верхнее меню в виде ссылок с разделителями | красного цвета без последнего.
<div class="menu">
[uss]displayMenu2(2, false, 'a', 2, false, false, '<span style="color:red;"> | </span>')[/uss]
</div>
вернет следующий html-код:
<div class="menu"> <a title="Работа с меню" href="menu_functions/"> Работа с меню </a> | <a title="Работа с формами" href="form_functions/"> Работа с формами </a> | <a title="Работа с контентом и разделами сайта" href="content_functions/"> Работа с контентом и разделами сайта </a> | <a title="Прочие функции" href="other_functions/"> Прочие функции </a> </div>
и выведет верхнее меню в виде ссылок с разделителями | красного цвета без последнего:
Вывод меню интернет-магазина
Данная функция выводит разделы и подразделы интернет-магазина в виде меню
displayEshopTree(id, раскрытость, уровень, корневой каталог, классы, картинки, 'размер картинок')- id - id раздела интернет-магазина. Если указывать id 0 или false, то будет подключаться первый интернет-магазин. Берется из адресной строки браузера, находясь в разделе интернет-магазина (нужный Вам id приравнен к reference=id)
- раскрытость:
- 1 - всегда полностью раскрыто
- 2 - раскрывается только активная ветка дерева. В этом случае третий параметр можно опустить
- уровень - уровень, до которого раскрывается меню. По умолчанию раскрывается полностью (уровень=-1). Может принимать значения -1, 1, 2, 3 и т.д.
- корневой каталог = { true | false } - показывать корневой каталог или нет
- классы = { true | false } - выводить или нет для каждого пункта меню уникальный класс. Для специфических задач верстки
- картинки = { true | false } выводить или нет в пунктах меню картинки.
В качестве иконки используется уменьшенное "основное изображение" раздела каталога. - 'размер картинок' - размер картинок в пунктах меню.
Может принимать одно из значений: '78x48', '100x100', '139x104', '200x200', '350x350'.
Пример:
[uss]displayEshopTree(0, 1, 2, true)[/uss]
вернет следующий html-код:
<ul class="uss_eshop_menu">
<li>
<a href="catalog/">Каталог</a>
<ul class="submenu">
<li><a href="catalog/154/">Девочкам</a>
<ul class="submenu">
<li>
<a href="catalog/154/12/">От года до трех</a>
</li>
<li>
<a href="catalog/154/13/">От трех до пяти</a>
</li>
<li>
<a href="catalog/154/14/">От шести до девяти</a>
</li>
<li>
<a href="catalog/154/15/">От девяти до двенадцати</a>
</li>
</ul>
</li>
<li>
<a href="catalog/155/">Мальчикам</a>
</li>
<li>
<a href="catalog/156/">Для самых маленьких</a>
</li>
</ul>
</li>
</ul>
и выведет всегда полностью раскрытое до 2 уровня меню разделов интернет-магазина с корневым каталогом:
Вывод меню каталога услуг
Данная функция выводит разделы и подразделы каталога услуг в виде меню.
displayCatalogTree(id, раскрытость, уровень, корневой каталог, классы, картинки, 'размер картинок')- id - id раздела интернет-магазина. Если указывать id 0 или false, то будет подключаться первый каталог услуг. Берется из адресной строки браузера, находясь в разделе каталог услуг(нужный Вам id приравнен к reference=id)
- раскрытость:
- 1 - всегда полностью раскрыто;
- 2 - раскрывается только активная ветка дерева. В этом случае третий параметр можно опустить.
- уровень - уровень, до которого раскрывается меню. По умолчанию раскрывается полностью
(уровень=-1). Может принимать значения -1, 1, 2, 3 и т.д. - корневой каталог = { true | false } - показывать корневой каталог или нет
- классы = { true | false } - выводить или нет для каждого пункта меню уникальный класс.
Для специфических задач верстки - картинки = { true | false } выводить или нет в пунктах меню картинки.
В качестве картинки используется уменьшенное "основное изображение" раздела каталога. - 'размер картинок' - размер картинок в пунктах меню, может быть произвольным, например: "65х40". Значение ширины и высоты необходимо указывать в пикселях.
Пример:
[uss]displayCatalogTree(0,1,2,false,true,true,'30x30')[/uss]
вернет следующий html-код:
<ul class = "catalog_menu">
<li class = "catalog_cat_310 first">
<div class = "catalog_menu_item">
<span class = "catalog_menu_image">
<a href = "/katalog/remont_stiralnyh_mashin/" class = "catalog_cat_310 first">
<img src = "/uploadedFiles/catalogimages/icons/30x30_cropped/washer.png" />
</a>
</span>
<a href = "/katalog/remont_stiralnyh_mashin/" class = "catalog_cat_310 first">
Ремонт стиральных машин
</a>
</div>
</li>
<li class = "catalog_cat_311">
<div class = "catalog_menu_item">
<span class = "catalog_menu_image">
<a href = "/katalog/remont_holodilnikov/" class = "catalog_cat_311">
<img src = "/uploadedFiles/catalogimages/icons/30x30_cropped/refrigerator.png" />
</a>
</span>
<a href = "/katalog/remont_holodilnikov/" class = "catalog_cat_311" >
Ремонт холодильников
</a>
</div>
</li>
</ul>
и выведет всегда полностью раскрытое до 2 уровня меню каталога услуг с классами и картинками 30х30 для каждого пункта: