Инструкции

Работа с меню

Внимание! В редакторе все функции заключаются в теги [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 для каждого пункта:

Данный сайт использует файлы cookie и прочие похожие технологии. В том числе, мы обрабатываем Ваш IP-адрес для определения региона местоположения. Используя данный сайт, вы подтверждаете свое согласие с политикой конфиденциальности сайта.
OK