Фильтр по версиям
  • Совместимость
Фильтр
Рекомендуем

4 модуля во вкладках | Акции, Хиты продаж, Новинки в виде Табов или Панели

ДОПОЛНИТЕЛЬНАЯ УСЛУГА:


4 модуля во вкладках | Opencart 2.x
4 модуля во вкладках- Выводит четыре товарных модуля (Рекомендуемые, Акции, Хиты продаж, Новинки) в виде Табов или Панели. Возможность включения-отключения слайдера карусели. Тач-слайд.
Привязка к категории. Мультиязычный.

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

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

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

  • Панель администратора -> Модули -> Установка расширений -> Загрузить файл архива.
  • Панель администратора -> Модули -> 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;
}

Версия Совместимость
four_in_tab 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.0, 2.3.0.1, 2.3.0.2

Задать вопрос по данному товару

Чтобы задать вопрос по товару вы должны авторизироваться или зарегистрироваться.

Написать отзыв

Ваше имя:


Ваш отзыв: Примечание: HTML разметка не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке: