Краткая инструкция по подключению модуля Next Products в шаблон типа Electronics:

1 Открыть на редактирование файл products.tpl шаблона.

2 Изменить код файла, как показано ниже (троеточием обозначены прежние строки файла, цветом выделено что мы добавили, а также опорный класс модуля):

{* <!-- центральная часть страницы категории / бренда --> *}{strip}

    {if !empty($smarty.request.dynamic)}
        {lastTemplate}

        {foreach $products as $item}
            {include 'common/product-card3.htm'
                      maxsize_name = 45
                      maxsize_descr = 300}
        {/foreach}

        {include 'mod-next-products.htm'
                  easy = TRUE}
    {else}

        {* <!-- ===================================================================
        |                                                                         |
        |  Подготовка переменных (костыль для шаблона TemplateMonster).           |
        |                                                                         |
        ==================================================================== --> *}

        ...
        ...

        {* <!-- ===================================================================
        |                                                                         |
        |  Список товаров (если существует).                                      |
        |                                                                         |
        ==================================================================== --> *}

        {if !empty($products)}
            <ul class="bordercolor grid tab-content" id="product_list">
                {foreach $products as $item}
                    {include 'common/product-card3.htm'
                              maxsize_name = 45
                              maxsize_descr = 300}
                {/foreach}

                {include 'mod-next-products.htm'
                          easy = FALSE}
            </ul>

            {* <!-- ===============================================================
            |                                                                     |
            |  Навигатор страниц.                                                 |
            |                                                                     |
            ================================================================ --> *}

            ...
            ...
    {/if}

{/strip}

3 Нарисовать свою или загрузить в картинки шаблона готовую иконку стрелки, например отсюда demo.imperacms.com/design/eCommerce/images/next-products.png.

4 В стили шаблона Electronics перетащить из шаблона eCommerce ветку стиля .next-products (смотрите файл demo.imperacms.com/design/eCommerce/css/style.css).

5 Пусть верстальщик скорректирует перетащенные стили, если вываливаются из фирменного стиля Electronics.

Так как модуль Next Products дополняет листинг товаров и оперирует пагинацией страниц прямо в теле документа, а её вёрстка у каждого шаблона имеет свои особенности, то модуль использует опорные классы и атрибуты, чтобы найти элементы листинга и пагинации. Соответственно этим элементам нужно добавить такие метки, как описано далее.

6 Добавить опорный класс tab-content в тег UL списка товаров. Мы уже сделали это в пункте 2.

7 Добавить опорный класс pages в тег UL пагинатора страниц. Это выполняется в файле navigation.htm шаблона.

8 Там же в файле пагинации всем LI-шкам, которые являются кнопками страниц, добавить опорный атрибут data-page-link="НомерСтраницы". Пусть ваш верстальщик подсмотрит, как сделана атрибутика в таком же файле шаблона eCommerce.

9 Там же LI-шкам, которые являются кнопками "Назад" и "Вперед", добавить опорный класс prev и next соответственно.

Спасибо!!! Все работает !