7 изображений

Информация о файле

Выводит четыре товарных модуля (Рекомендуемые, Акции, Хиты продаж, Новинки) в виде Табов или Панели одном модуле или нескольких модулях каждый на одной странице.

  • Возможность включения-отключения слайдера карусели.
  • Тач-слайд.
  • Привязка к категории.
  • Мультиязычный.

 

Возможности:

  • Вывод модулей в виде Вкладок (табов).
  • Вывод модулей в виде Панели Bootstrap.
  • Адаптивность под размеры экранов.
  • Свои размеры изображений товаров.
  • Включение-Выключение краткого описания товара.
  • Кол-во символов описания.
  • Мультиязычность.
  • Свои названия вкладок (кнопок)  с возможностью вставки своего HTML-кода.
  • Порядок отображения вкладок (сортировка).
  • Возможность использования сразу нескольких модулей на странице.
  • Автоматическая адаптация заголовка (вкладки) при включении только одного модуля из четырёх.
  • Привязка к категории  - отображение только тех товаров, которые принадлежат данной категории, если модуль выводится в категориях.
  • Возможность включения слайдера-карусели.
  • Очень удобно листать на маленьких экранах при использовании карусели.
  • Настройка автовоспроизведения в миллисекундах после загрузки страницы.
  • Настройка скорости слайдера.
  • Включение-выключение остановки слайдинга при наведении курсора мыши.
  • Включение-выключение отображения кнопок Вперед – Назад.
  • Свой HTML-код для кнопок Вперед – Назад.
  • Включение-Выключение пейджинга карусели.

 

Пример демо тут: opencart.optimlab.ru

 

Лицензия:

  • Модуль можно установить на один интернет-магазин.
  • Следующий магазин оплачивается отдельно.

 

Установка (предварительно настройте FTP):

  1. Панель администратора -> Модули -> Установка расширений -> Загрузить файл архива.
  2. Панель администратора -> Модули -> 4 модуля во вкладках -> нажимаем Активировать.
  3. После активации заходим в модуль и настраиваем его.
  4. Добавляем модуль на нужный Макет.

 

Настройка своего стиля CSS:

Так как возможностей стилизации и настроек стилей может быть бесконечное множество, зависящее от шаблона и фантазии вебмастера. Я не стал внедрять файл CSS в модуль и навязывать свой стиль, который с высокой вероятностью конфликтовал бы с вашим дизайном и настройками стилей CSS. Так же лишнее соединение браузера для скачивания файла ни к чему. Поэтому я решил оставить всё в следующем виде:
Вы можете просто зайти в свой файл шаблона стилей находящийся по адресу:
catalog/view/theme/НАЗВАНИЕ_ШАБЛОНА/stylesheet/stylesheet.css

 

И вставить следующий код, который используется по умолчанию в демо-версии:

.four-in-tab {
    margin-bottom: 40px;
}
.four-in-tab .owl-carousel {
    margin-bottom: 0;
}
.four-in-tab .owl-wrapper-outer {
    border: none;
    box-shadow: none;
}
.four-in-tab .owl-carousel .owl-buttons div i {
    font-size: 14px;
    margin: -20px 0 0;
}
.four-in-tab .nav-tabs > li {
    text-align: center;
}
.four-in-tab .owl-pagination {
    top: 10px;
}
.four-in-tab .pagination {
    vertical-align: middle;
}
.four-in-tab .product-thumb {
    margin-bottom: 0;
}
.four-in-tab .col-sm-3 .product-thumb {
    margin-bottom: 20px;
}
.panel-one .owl-carousel .owl-buttons .owl-next {
    right: 14px;
    top: -52px;
    opacity: 1;
}
.panel-one .owl-carousel .owl-buttons .owl-prev {
    left: inherit;
    right: 52px;
    top: -52px;
    opacity: 1;
}

Основываясь на нём вы можете его править как позволит ваша фантазия. Вы также можете заказать установку и настройку модуля под ваш дизайн сайта, воспользовавшись дополнительной опцией при покупке. И прислав мне на почту письмо с заявкой.

 

Совместимость файлов с версией Opencart:

four_in_tab-2.0.ocmod.zip    - Opencart 2.0.x - 2.1.x

four_in_tab-2.2.1.ocmod.zip - Opencart 2.2.x

four_in_tab-2.3.ocmod.zip    - Opencart 2.3.x

 

       
       
   

 



optimlab's Other Files


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу