Модуль «Меню»

Одинаково для товарной и купонной версии CMS

Модуль «Меню» предназначен для реализации всего одной функции, а именно построения меню сайта, для того что бы пользователи сайта могли осуществлять по нему (по сайту) навигацию.

Расположение шаблонов

adCMS товары

adCMS купоны

/templates/***/menu/

Где *** — название установленного шаблона.

/templates/***/menu/

Где *** — название установленного шаблона.

 

Примеры меню:

Блоки меню в adCMS товары

Блоки меню в adCMS купоны

Меню сайта строится из структуры сайта и может быть представлено как в виде простой линейной навигации, так и более сложной – древовидной.

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

У меню могуть дочерние модули, например «Верхнее меню», «Нижнее меню» и т.д, создать их вы можете нажав на «Добавить дочерний модуль»

Свойства к странице

С помощью этого свойства вы может скрыть необходимые страницы (или разделы) из меню сайта. Для этого соответственно необходимо в качестве значения выбрать «Не отображать». Для того, что бы по умолчанию все страницы попадали в меню, рекомендуем у главной страницы сайта установить значение этого в свойства в «Отображать».

Действия модуля

Модуль «Меню» может строить два разных типа меню, а именно «Статическое меню» и «Динамическое меню». Совокупность двух методов построение контента позволит реализовать 99% вариантов меню вашего сайта.

Сформировать «Статическое меню»

Особенность данного метода состоит в том, что формируемое с помощью него меню будет всегда доступно для пользователя сайта. Количество выводимых страниц и их взаиморасположение ни как не будут зависеть от того, на какой сейчас странице находится пользователь.

Такое меню строится для разделов структуры, которые всегда должны быть доступны пользователю сайта, например навигация по основному меню сайта.

Как вы, наверное, уже поняли, данное действие идеально подходит для выполнения задачи по выводу меню быстрого доступа.

Настройки действия «Статическое меню»

Название параметра действия Варианты значений Описание
Страница начала построения Выбирается конкретная страница сайта с помощью визуальных средств. Так же, значение идентификатора страницы может быть введено вручную Необходимо указать, от какой страницы в структуре сайта будет происходить построение меню. В меню попадут все страницы, которые являются дочерними для выбранной.
Количество выводимых уровней Число от 1 до 6 Определяет количество уровней в структуре, которые будут отображены при построении меню. Уровни считаются от уровня выбранной страницы построения.
Шаблон Выбирается один из списка доступных шаблонов с полным адресом до файла. Указанный шаблон будет использоваться для формирования визуального представления меню.

 

Расположение шаблонов

adCMS товары

adCMS купоны

/templates/***/menu/

Где *** — название установленного шаблона.

/templates/***/menu/

Где *** — название установленного шаблона.

Мы страемся называть шаблоны данного действия menu, вы можете называть их по своему.

Пример шаблона меню: вывод 1-ого уровневого меню

<!-- @begin -->
            <div id="top-nav">

                 <li><a href="/"><span>Главная</span></a></li>
<!-- @link -->
                 <li><a title="%text%" href="%link%"><span>%text%</span></a></li>
<!-- @activelink -->
                 <li class="active"><a title="%text%" href="%link%"><span>%text%</span></a></li>
<!-- @passiveactive -->
                 <li class="active"><a title="%text%" href="%link%"><span>%text%</span></a></li>
<!-- @delimiter -->

<!-- @end -->
            </div>

В настройках действия указываем "Количество выводимых уровней" 1

Пример шаблона меню: вывод 2-х уровнего меню

<!-- @begin -->
    <div id="topnav">
<ul>
    <!-- @@nextlevel -->
    <ul>
<!-- @link -->
<li><a href="%link%" title="%text%">%text%</a>
    <!-- @@nextlevel -->
<li><a href="%link%" title="%text%">%text%</a>
<!-- @activelink -->
<li><a class="active" href="%link%" title="%text%"><b>%text%</b></a>
    <!-- @@nextlevel -->
<li><a href="%link%" title="%text%"><b>%text%</b></a>
<!-- @passiveactive -->
<li><a class="active" href="%link%" title="%text%">%text%</a>
    <!-- @@nextlevel -->
<li><a href="%link%" title="%text%">%text%</a></li>
<!-- @end -->
</li></ul></div>
    <!-- @@nextlevel -->
    </li></li></ul>
<!-- @delimiter -->
</li>

В настройках действия указываем "Количество выводимых уровней" 2

Понятно что id="topnav" или class="active"  и прочее вы меняете на свои классны и идентификаторы.

Пример шаблона меню: вывод 3-х уровнего меню

<!-- @begin -->
<ul id="menu">        
<!-- @@nextlevel -->
<ul>
<!-- @@nextlevel -->
<ul>
<!-- @link -->
<li><a class="link" href="%link%">%text%</a>
 <!-- @@nextlevel -->
<li><a href="%link%">%text%</a>
 <!-- @@nextlevel -->
<li><a href="%link%" class="next2">%text%</a>
<!-- @passiveactive -->
<li><a href="%link%">%text%</a>
<!-- @activelink -->
<li><a class="nav strong" href="%link%">%text%</a>
<!-- @end -->
</ul>
<!-- @@nextlevel -->
</li>
</ul>
<!-- @delimiter -->
</li>

В настройках действия указываем "Количество выводимых уровней" 3

Блоки и переменные в шаблоне списка «Статическое меню» и «Динамическое меню»

Блок Описание Переменные
<!-- @begin --> Выводится один раз, перед самым началом построения меню.

%link% — Адрес страницы

%text% — Название страницы

%id% — Уникальный идентификатор данной страницы, можно использовать когда нужно оформить ссылку на страницу отдельным идентификатором или классом в CSS

<a title="%text%" href="%link%">%text%</a> — Ссылка страницы

<!-- @link --> Выводится для элемента меню (страницы сайта), на который(-ой) может перейти пользователь.
<!-- @activelink --> Выводится для элемента меню (страницы сайта), на котором(-ой) сейчас находится пользователь.
<!-- @passiveactive --> Выводится для элемента меню, который находится в текущей дороге пользователя, и выше по уровню от текущей страницы.
<!-- @delimiter --> Выводится между любыми элементами меню.
<!-- @end --> Выводится один раз, в самом конце построения меню.
<!-- @@nextlevel --> Определяет вид для страниц следующего уровня
<!-- @beginactiv --> Если указан, то будет выводиться перед началом меню, когда первый элемент меню является активным (т.е. выбранным пользователем), и замещает собой блок @begin
<!-- @endactiv --> Если указан, то будет выводиться в самом конце меню, когда активным является последний элемент меню, и замещает блок @end
<!-- @delimiteractivstart --> Если указан, то будет выводиться перед блоком @activelink, заменяя собой блок @delimiter
<!-- @delimiteractivend --> Если указан, то будет выводиться после блока @activelink, заменяя собой блок @delimiter

Сформировать «Динамическое меню»

Отличие данного действия в том, что построенное с его помощью меню будет зависеть от того, на какой странице сайта находиться пользователь сайта.

Такое меню используется для большинства задач, в том числе и при разделении меню первого уровня и меню второго уровня (и ниже) в разных областях страницы сайта.

При построении такого меню, подразделы будут выведены подразделы только текущего раздела.

Настройки действия «Динамическое меню»

Важный момент: указываем "Страница начала построения", казывается ID идентификатор страницы

Параметр действия Варианты значений Описание
Страница начала построения Выбирается конкретная страница сайта с помощью визуальных средств. Так же, значение идентификатора может быть введено вручную Необходимо указать, от какой страницы в структуре сайта будет происходить построение меню.
Уровень начала построения Число от 1 до 6 Уровень в структуре сайта (относительно странице начала построения), с которого будет начинаться формирования меню.
Количество выводимых уровней Число от 1 до 6 Определяет количество уровней в структуре, которые будут отображены при построении меню. Уровни считаются от уровня выбранной страницы построения.
Шаблон Выбирается один из списка доступных шаблонов. Указанный шаблон будет использоваться для формирования визуального представления меню.

Идентификатор ID страницы можно узнать на самой странице

Шаблон для Динамического меню аналогичен шаблону Статического меню, так же блоки и переменные. Примеры шаблонов смотрите выше.