Форум пользователей Impera CMS
Impera CMS - отличный движок для лёгкого создания интернет магазина.
Обладает невероятным количеством функций, необходимых в онлайн торговле.

Модуль Next Products - как подключать в шаблон Electronics

Следить
Главная
11:51
04 янв
#
Разработчик написал:

Краткая инструкция по подключению модуля 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.ru/design/eCommerce/images/next-products.png.

4 В стили шаблона Electronics перетащить из шаблона eCommerce ветку стиля .next-products (смотрите файл demo.imperacms.ru/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 соответственно.

13:39
04 янв
#
?
Сергей написал:

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

Написание ответа

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


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


Хостинг для сайта

Хостинг для интернет магазина

Svai.net

Украина
г. Черкассы
5+ Заказать

TutHost.ua

Украина
г. Киев
Заказать

Mirohost.net

Украина
г. Киев
? Заказать

HyperHosting.com.ua

Украина
г. Винница
i подробнее Заказать

Agava.ru

Россия
г. Москва
Заказать

Ukraine.com.ua

Украина
г. Киев
5 Заказать
Импераготовасотрудничатьс провайдерами Важно Учтите Этот список перечисляет лишь некоторых хостинг-провайдеров, у которых существуют специальные тарифные планы для интернет магазинов, а сам список не означает, что другие провайдеры чем-то хуже.

Существующие в списке оценки по 5-бальной шкале не должны учитываться при выборе, так как носят субъективный характер и касаются соотношения цена-качество-скорость только для самых дорогих тарифных планов.

Демо Главная Хронология Соглашение Материалы Контакты