Действие Список категорий

Что такое метки и действия http://www.cpasoft.ru/metki.html

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

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

Дополнительные свойства категорий и их вывод в шаблоны (на примере вывода изображения)

В предустановленном макете действие Список категорий используется два раза:

В верхней части сайта

Верхний блок категорий

И сбоку

Рассмотрим работу и настройку действия на примере верхнего блока категорий

Действие в административном интерфейсе

Метка в шаблоне

В эту метку выводится действие на странице

Настройки Действие Список категорий

Список параметров действия

Параметр действия Варианты значений Описание
Название действия Текстовая строка Имя действия, отображаемое в административном интерфейсе
Шаблон Выбирается один из списка доступных шаблонов. Указанный шаблон будет использоваться для формирования визуального представления списка категорий.
ID Категория начала построения ID элемента, число Определяет ветку с которой начинать построение категории.
Количество раскрываемых уровней Число от 1 до 6 Определяет количество уровней в структуре, которые будут отображены при построении меню. Уровни считаются от уровня выбранной категории построения.
Макс. количество раскрываемых уровней Число от 1 до 6 Задает максимальное количество уровней меню, которые могут быть раскрыты. Если Ваш каталог имеет 5 уровней вложенности, а Вам нужно раскрыть только первые 3, тогда в этом поле нужно указать «3»
Уровень начала построения Число от 1 до 6 Уровень в структуре сайта (относительно категории начала построения), с которого будет начинаться формирования список категорий.

Адрес шаблона категории товаров

/templates/*/catalog/categories_top.html

Где *— название шаблона

Так как действий может быть неограничено, вы можете создавать шаблоны со своими названиями

Содержимое шаблона categories_top.html

<!-- @begin -->
    <ul class="g-navbar">
        <li class="p-level homepage-link"><a href="/">Главная</a></li>

<!-- @@nextlevel -->
    <ul class="c-navbar">
<!-- @@nextlevel -->
    <ul class="sc-navbar">
<!-- @@nextlevel -->
    <ul class="scc-navbar">
<!-- @link -->
<li class="p-level"><a href="%link%" title="%name_value%">%name_value%</a>
    <!-- @@nextlevel -->
<li class="c-level"><a href="%link%" title="%name_value%">%name_value% <span class="count-badge">%cat_items_count%</span></a>
    <!-- @@nextlevel -->
<li class="sc-level"><a href="%link%" title="%name_value%">%name_value% <span class="count-badge">%cat_items_count%</span></a>
    <!-- @@nextlevel -->
<li class="scc-level"><a href="%link%" title="%name_value%">%name_value%</a>
<!-- @activelink -->
<li class="p-level current"><a href="%link%" title="%name_value%">%name_value%</a>
    <!-- @@nextlevel -->
<li class="c-level current"><a href="%link%" title="%name_value%">%name_value% <span class="count-badge">%cat_items_count%</span></a>
    <!-- @@nextlevel -->
<li class="sc-level current"><a href="%link%" title="%name_value%">%name_value% <span class="count-badge">%cat_items_count%</span></a>
    <!-- @@nextlevel -->
<li class="scc-level current"><a href="%link%" title="%name_value%">%name_value%</a>
<!-- @passiveactive -->
<li class="p-level selected"><a href="%link%" title="%name_value%">%name_value%</a>
    <!-- @@nextlevel -->
<li class="sc-level selected"><a href="%link%" title="%name_value%">%name_value% <span class="count-badge">%cat_items_count%</span></a>
    <!-- @@nextlevel -->
<li class="scc-level selected"><a href="%link%" title="%name_value%">%name_value%</a>
<!-- @end -->
        </li>
    </ul>
    <!-- @@nextlevel -->
      </li>
    </ul>
<!-- @delimiter -->
</li>

Блоки и переменные в шаблоне списка категорий

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

%link% — Ссылка категории

%name_value% — Название категории

%cat_items_count% — Общее количество товаров в категории

%cat_items_count_activ% — Количество активных товаров в категории

%id% — Идентификатор категории, цифра. Можно использовать при необычной верстке, где требуются разные class или id

Вывод любых свойств категорий/купонов/товаров http://www.cpasoft.ru/item-category-properties.html

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

Пример 2-х уровневого списка категорий

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

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

Пример 3-х уровневого списка категорий

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

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

Дополнительные свойства категорий и их вывод в шаблоны (на примере вывода изображения)