KW Parallax Slider | Слайдер opencart. Слайдер с текстом opencart

Слайдшоу для OpenCart - адаптивный слайдер с выводом слогана

Адаптивное слайдшоу для Opencart на основе FlexSlider 2.

Возможности и преимущества:

Возможен вывод слогана на слайде из админки.
Кнопка для ссылки на сайдере
Три анимационных эффекта Сдвиг, Вертикальный сдвиг и Появление.
Регулируется интервал времени смены слайдов.
Возможно отображение как с нижними миниатюрами изображения так и без них.
Задается максимальная ширина слайдера, цвет шрифта, фона слайдера и его расположение.
Для вывода слайдеров используются стандартные баннеры.
Устанавливается отдельным модулем.
Управление пальцами на устройствах с сенсорным экраном.
Вес всего 22kb

Совместимость с шаблоном AVA Store

Логин demo, пароль demo

Пример #1Слайдер с миниатюрами изображений и текстом по центру. Полупрозрачный фон можно убрать совсем и оставить только текст.

Пример #2 Надпись слайдера можно расположить справа, слева или по центру и задать нужную величину ширины прозрачного слоя. Стиль фона текста, стиль текста и кнопок единый для всего слайдера. Инструкция по установке в папке Documentation Имена файлов и версии движка:

FlexSlider RB OpenCart 2.3 - для OpenCart 2.3, OcSore 2.3
FlexSlider RB OpenCart 2.2 - для OpenCart 2.2
FlexSlider RB OpenCart 2.0 - для OpenCart 2.0, 2.1, OcSore 2.1
FlexSlider RB OpenCart 1.5 - для OpenCart 1.5, OcSore 1.5

master-core.site

Расширяем возможности дефолтного слайдера опенкарт

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

Нет, я не буду говорить сегодня о внешнем виде – он достаточно просто меняется стилями. Мы рассмотрим конкретный пример добавления переменных.

Итак, что мы видим, когда заходим в меню управления конкретным сладшоу?

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

Сначала лезем в базу данных и находим таблицу, которая отвечает за слайдер опенкарт. Это таблица oc_banner_image. Добавляем в неё еще один столбец, называем его art:

Далее нам надо в обрабатываемый массив добавить наш новый столбец. Для этого в файле контроллера слайдшоу (\catalog\controller\extension\module\slideshow.php) после строки:

'link' => $result['link'], Добавляем: 'art' => $result['art'], Вот и все, теперь можно работать с новым полем. Для этого, например, в файле catalog\view\theme\default\template\extension\module\slideshow.tpl (шаблон слайдшоу) выводим в нужном месте: echo $banner['art']; Кстати, в этом же файле настраиваются такие свойства слайдера как автовоспроизведение (время перелистывания), пагинация, текст навигации и так далее – в блоке с JavaScript. Теперь мы имеем вывод еще и артикула товара:

теги заметки, opencart

upread.ru

KW Parallax Slider | Стильный слайдер opencart | Opencart 1.5.x

KW Parallax Slider

Данный модуль служит для яркой презентации товаров, на которые важно обратить внимание посетителя. Обычные слайдеры сегодня воспринимаются, как нечто обыденное, невыразительное. Они есть практически на каждом сайте и потому стали привычным атрибутом. Но именно поэтому содержимое таких слайдеров не запоминается и даже не просматривается. Если это содержимое - презентация продукции, то эффективность такого показа стремится к нулю. Для электронной коммерции он бесполезен. Но есть технологии, которые призваны притягивать внимание своей нестандартностью. Одна из них - эффект параллакса. Благодаря тому, что каждый элемент содержимого живет как бы собственной жизнью, создается эффект глубины. На этом взгляд действительно задерживается. Следовательно он привлекает внимание к Вашему товару.

Совместимость: --Opencart 1.5.3.1, 1.5.4.1, 1.5.5.1 --ocStore 1.5.3.1, 1.5.4.1, 1.5.5.1.1

Модуль выводит назначенные позиции товаров с заголовком, описанием, основным изображением, кнопками "Купить" и "Подробнее". Работает на JQuery, Twitter Bootstrap и CSS3. Слайдер тестировался в: Opera (latest), FireFox (latest), Safari (latest), Google Chrome (latest), IE (6+). Так же не рассыпается в планшетах и смартфонах. Для старых версий, не поддерживающих CSS3 анимацию, присутствует альтернативный ротатор контента.

Установка:

-- Копируем содержимое папки upload в корень сайта. Соглашаемся на замену файлов -- Идем в админпанель сайта -> Дополнения -> Модули -> Жмем "установить" напротив модуля "Параллакс Слайдер" -- После установки, жмем "изменить"

Настройка:

-- Создаем новый модуль -- Модуль имеет настройки по-умолчанию, при необходимости настраиваем согласно нуждам и собственному чувству прекрасного.

Функции:

-- Создание нескольких модулей, которые можно назначить в разные позиции для разных страниц -- Сохранение настроек модуля без редиректа, посредством Ajax (кнопка "Применить") -- Произвольный выбор, перемещение в очереди и удаление отображаемых товаров -- Вкл/Выкл описания товара, регулирование количества символов в описании -- Вкл/Выкл заголовка товара, регулирование количества символов в заголовке -- Настройки размеров изображения товара -- Настройка цвета фона -- Выбор текстуры фона, загрузка и удаление своих текстур -- Выбор стикера для цены, загрузка и удаление своих стикеров -- Настройки цвета шрифтов старой/новой цены -- Настройка размера и цвета для текста описания -- Настройка размера и цвета заголовка товара -- Несколько цветовых вариантов кнопок -- Время для интервала смены слайдов -- Настройка смещения фона -- Вкл/Выкл автосмены слайдов -- Управление размерами слайдера

Оформление настраивается без вмешательства в код! Вам не нужны знания HTML, CSS и PHP!

Модуль не заменяет файлы! Не использует vQmod!

Версия: 2.0.3

rus-opencart.info