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

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

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

Категории офферов и категории купонов

У adCMS купоны 2 (два) вида категорий, а именно

 

 

Дополнительные свойства категорий и их вывод в шаблоны

Это две основные, корневые категории, их нельзя удалить

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

Категории купонов

Категории купонов — ID=2

На сайте это выглядит так

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

Орфографическую ошибку можете исправить самостоятельно:)

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

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

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

ID категории начала построения

Напомним, что:

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

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

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

/templates/*/coupon/cat_coupon.html

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

Код шаблона категории купонов (1 уровень)

<!-- @begin -->
<div class="sidebar-block block-header">
                        <div class="block-heading">Категории скидок</div>
                        <div class="block-content">
                          <ul>
<!-- @link -->
                              <li>    
                                <a href="%link%" title="%name_value%">%name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>

<!-- @activelink -->
                              <li>    
                                <a href="%link%" title="%name_value%">%name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>
<!-- @passiveactive -->
                              <li>    
                                <a href="%link%" title="%name_value%">%name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>
<!-- @delimiter -->    
<!-- @end -->
                          </ul>
                      </div>
  </div>

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

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

%link% — Адрес категории

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

%count% — Активное количество купонов

%count_arhiv% — Не активное количество купонов (Архивные)

%count_all% — Общее количество купонов (сумма активных и не активных)

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

Вывод любых свойств категорий/купонов/товаров 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-х уровневого списка

<!-- @begin -->
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">Категории</h3>
<ul class="uk-list uk-list-line uk-nav-parent-icon" data-uk-nav>
    <!-- @@nextlevel -->
    <ul>
<!-- @link -->
<li><a href="%link%" title="%name_value%">%name_value% <div class="uk-badge uk-float-right">%count%</div></a>    
    <!-- @@nextlevel -->
<li><a href="%link%" title="%name_value%">%name_value% <div class="uk-badge uk-float-right">%count%</div></a>
<!-- @activelink -->
<li class="active"><a href="%link%" title="%name_value%">%name_value%</a>
    <!-- @@nextlevel -->
<li class="active"><a href="%link%" title="%name_value%">%name_value%</a>
<!-- @passiveactive -->
<li class="active selected"><a href="%link%" title="%name_value%">%name_value%</a>
    <!-- @@nextlevel -->
<li class="active selected"><a href="%link%" title="%name_value%">%name_value%</a>
<!-- @end -->
</li></ul></div>
    <!-- @@nextlevel -->
    </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>

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

Категории офферов

Категории офферов — ID=1

На сайте это выглядит так

Таким образом, если вы хотите вывести категории офферов, то указывайте ID категории начала построения 1 и конечно другой шаблон

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

/templates/*/coupon/all_shop.html

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

Код шаблона категории офферов

<!-- @begin -->
                      <div class="items-listing">
                        <ul class="clearfixin">
<!-- @link -->
                            <li class="item coupon-item" style="height:150px;">
                              <div class="item-panel">
                                <div class="logo"><a href="%link%" title="%name_value%"><img src="%img%" alt="%name_value%"></a></div>
                                <div class="title"><a href="%link%">%name_value%</a></div>
                                <div class="desc">                                
                                    <div>Активных кодов: %count%</div>
                                </div>                      
                              </div>            
                            </li>
<!-- @activelink -->
                            <li class="item coupon-item" style="height:150px;">
                              <div class="item-panel">
                                <div class="logo"><a href="%link%" title="%name_value%"><img src="%img%" alt="%name_value%"></a></div>
                                <div class="title"><a href="%link%">%name_value%</a></div>
                                <div class="desc">                                
                                    <div>Активных кодов: %count%</div>
                                </div>                      
                              </div>            
                            </li>

<!-- @passiveactive -->
                            <li class="item coupon-item" style="height:150px;">
                              <div class="item-panel">
                                <div class="logo"><a href="%link%" title="%name_value%"><img src="%img%" alt="%name_value%"></a></div>
                                <div class="title"><a href="%link%">%name_value%</a></div>
                                <div class="desc">                                
                                    <div>Активных кодов: %count%</div>
                                </div>                      
                              </div>            
                            </li>
<!-- @delimiter -->
<!-- @end -->
                        </ul>                
                    </div>

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

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

%link% — Адрес категории

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

%count% — Активное количество купонов

%count_arhiv% — Не активное количество купонов (Архивные)

%count_all% — Общее количество купонов (сумма активных и не активных)

%img% — Адрес изображения логотипа оффера

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

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

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

 

Дополнительные свойства категорий и их вывод в шаблоны

Задача: сделать иконки к каждой категории, иконки грузятся в административном интерфейсе.

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

Даем название, идентификатор и добавляем

Заходим в категорию для редактирования, грузим иконку и сохраняем

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

<img src="%iconcat_value%" alt="%name_value%">

Где iconcat — ранее созданное дополнительное свойство категории

%iconcat_value% — новая переменная, которая выводит путь до изображения на сервере

Итоговый шаблон

<!-- @begin -->
<div class="sidebar-block block-header">
                        <div class="block-heading">Категории скидок</div>
                        <div class="block-content">
                          <ul>
<!-- @link -->
                              <li>    
                                <a href="%link%" title="%name_value%"><img src="%iconcat_value%" alt="%name_value%"> %name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>

<!-- @activelink -->
                              <li>    
                                <a href="%link%" title="%name_value%"><img src="%iconcat_value%" alt="%name_value%"> %name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>
<!-- @passiveactive -->
                              <li>    
                                <a href="%link%" title="%name_value%"><img src="%iconcat_value%" alt="%name_value%"> %name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>
<!-- @delimiter -->    
<!-- @end -->
                          </ul>
                      </div>
  </div>

Результат работы

Возможно, вам необходимо каким-то категориям показывать иконки, а каким-то нет, для этого создаем новый блок

Блок, который будет выводить иконку

<!-- @iconcat -->  
<img src="%iconcat_value%" alt="%name_value%">

То, что нужно отображать, в случае если иконка не загружена

<!-- @iconcat_null --> 

 

Переменная, которая будет выводить иконку (работает по новому блоку <!-- @iconcat --> )

%iconcat%

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

Итоговый шаблон будет таким (самый грамотный)

<!-- @begin -->
<div class="sidebar-block block-header">
                        <div class="block-heading">Категории скидок</div>
                        <div class="block-content">
                          <ul>
<!-- @link -->
                              <li>    
                                <a href="%link%" title="%name_value%">%iconcat% %name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>

<!-- @activelink -->
                              <li>    
                                <a href="%link%" title="%name_value%">%iconcat% %name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>
<!-- @passiveactive -->
                              <li>    
                                <a href="%link%" title="%name_value%">%iconcat% %name_value%</a>
                                <small>(%count% предложений)</small>
                              </li>
<!-- @delimiter -->    
<!-- @end -->
                          </ul>
                      </div>
  </div>
 
<!-- @iconcat -->  
<img src="%iconcat_value%" alt="%name_value%">

<!-- @iconcat_null --> 

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

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