Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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


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


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

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

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

 

Демо (3 варианта слайдера)

Демо админки

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

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

slide-2.jpg

 

Пример #2

Надпись слайдера можно расположить справа, слева или по центру и задать нужную величину ширины прозрачного слоя.

slide-1.jpg

Стиль фона текста, стиль текста и кнопок единый для всего слайдера.

Инструкция по установке в папке 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

Шаблон на котором установлен слайдер.

Изменения в версии 2.4.1:

  • Добавлены точки, когда превью отключены
  • Добавлена поддержка OpenCart / OcStore 1.5

Изменения в версии 2.3:

  • добавлен еще один эффект (вертикальный сдвиг)
  • если указана ссылка на баннере, то появляется кнопка
  • задается текст этой кнопки
  • добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока)

  • Добавил
  • Добавлено
    16.10.2015
  • Категория
  • Системные требования
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • ocStore
    2.3
    2.2
    2.1
    1.5.5.1.2
    1.5.5.1.1
    1.5.5.1
    1.5.4.1.2
    1.5.4.1.1
    1.5.4.1
    1.5.3.1
    1.5.2.1
    1.5.1.3
  • OpenCart.Pro, ocShop
    Opencart.pro 2.3
    Opencart.pro 2.1
    OcShop 2.0.3.х
    OcShop 1.5.6.4.х
  • Обращение к серверу разработчика
    Нет

 

Надіслати
Поділитися на інших сайтах

Вы ж если пишете "адаптивный" - хоть постарайтесь демо сделать так, чтобы было видно его адаптивность

Да, вы правы) Сделаю в ближайшее время. 

Надіслати
Поділитися на інших сайтах

Поправила демо, чтобы можно было посмотреть адаптивность.

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

Отлично :)
Открываем файл catalog  \view \ theme \ default \ template \ module \ flexslider.tpl

И вместо строки 

animation: "slide"

 ставим 

animation: "slide",
slideshowSpeed: 5000 

И меняем 5000 на любое значение, где 1000 = 1 секунда, 7000 = 7 секунд.

 

В дальнейшем подумаю о добавлении этой опции в админку.

Надіслати
Поділитися на інших сайтах

  • 1 month later...

Небольшой "хак":

 

Заменить

<div class="flexslider">

на (к примеру)
 

<div class="flexslider flexslider_<?php echo $module; ?>">

Пригодится в случае когда слайдеров на странице больше 1 и надо их сверстать по разному (добавится класс с номером модуля) ;)

Змінено користувачем vorobey
Надіслати
Поділитися на інших сайтах


  • 1 month later...

Не поддерживает. Просто текст. Но учту в следующем апдейте.

Надіслати
Поділитися на інших сайтах

  • 3 weeks later...

Апдейт модуля.
Что сделано:

1. Можно выставлять время в мс в админке,

2. Добавлен эффект Появление (Плавно растворяется изображение)

3. Возможность добавлять миниатюры снизу слайдера

4. Учтено пожелание vorobey. Теперь слайдеров на странице может быть хоть 10 и у каждого свои настройки.

 

В дальнейшем планирую поработать над возможностью смены дизайна кнопок и навигации и загрузки изображений и слоганов независимо от баннеров системы. + html

Надіслати
Поділитися на інших сайтах

  • 5 months later...

Здравствуйте! Пока нет, в дальнейшем сделаю обновление с дополнительными опциями

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

Добавлена поддержка OpenCart 2.3. В скором времени поддержка и для 2.0+

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

На демо совсем не не заметно адаптивность слайдера!

Где можно посмотреть админку модуля?

Сколько эффектов смены изображения использует этот слайдер?

Возможно ли использовать несколько эффектов, если да то какие?

Надіслати
Поділитися на інших сайтах


Демку меняла и обратно не вернула, теперь стоит адаптивная тема, можете проверять. 

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

Сколько эффектов смены изображения использует этот слайдер?

Возможно ли использовать несколько эффектов, если да то какие?

Два эффекта, появление и сдвиг (на демо сдвиг). Новое демо готовлю, сегодня завтра будут доступы и демки с новыми возможностями. 

Змінено користувачем noti
Надіслати
Поділитися на інших сайтах

 

Два эффекта, появление и сдвиг (на демо сдвиг)

Два это мало! Посмотрите пример https://www.e-liq.com/

Ждем версию с дополнительными настройками и опциями.

Надіслати
Поділитися на інших сайтах


 

Два это мало!

Это дело вкуса) Из всего обилия мишуры рано или поздно в итоге приходят к простому сдвигу слайдов без извращений)

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


ммм.... вы имеете ввиду скролл мышкой? или скроллить пальцем? 

Надіслати
Поділитися на інших сайтах

Опубликована новая версия слайдера. 

Что нового?

  • добавлен еще один эффект (вертикальный сдвиг)
  • если указана ссылка на баннере, то появляется кнопка
  • задается текст этой кнопки
  • добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока)
Надіслати
Поділитися на інших сайтах

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

это уже не важно.

С новыми обновлениями слайдер ещё больше нравится. Если в следующем обновлении добавите скроллинг, было бы здорово, я б купил)

Надіслати
Поділитися на інших сайтах


Так он же там есть с первых дней жизни)

Там и стрелочки остаются и скольжением пальца листаются

Змінено користувачем noti
Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

Доступ запрещен!
У Вас нет прав для доступа к этой странице. Если она Вам нужна, обратитесь к администратору.

 

В чем дело может быть? В группе пользователей все выставил

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.