mazein

Полноэкранный адаптивный слайдер

Рекомендуемые сообщения

mazein    172

index.php?app=downloads&module=display&section=screenshot&id=2911

Название: Полноэкранный адаптивный слайдер

Добавил: mazein

Добавлен: 20 янв. 2016

Категория: Прочее

Полноэкранный адаптивный слайдер для OpenCart 2.1

Тестировался на OpenCart 2.1.0.1.1, возможно будет работать на всей линейке 2.0

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

В шапке слайдера выводится логотип сайта.

Рекомендации:

1. Размеры картинок (разрешение) в слайдере должны быть одинаковы.

2. Размеры самого слайдера задавать кратными размерам картинок, или такими же.

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

Демо

Небольшое ограничение: не более 4х слайдов

Для установки скопировать содержимое папки fullslideshow в корень сайта, никакие файлы при этом не заменяются.

Также в архиве лежит ocmod - header_top+fullslideshow-opencart2.ocmod.xml, устанавливается стандартно.

Нажмите здесь, чтобы скачать файл

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    521

ограничение с чем связанно?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    172

Со стилями

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hon2012    2

Возможно ли слайдер выводить в позиции content_top вместо обычного слайдера ? (стандартный слайдер выводится по ширине контента старницы, а не во всю ширину body)

 

Либо может можно вывести как фон для главной страницы? (на демо он выше хедера)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    172

У меня он больше нигде не выводится, да и вообще он сделан именно как полноэкранный.

Фоном наверное можно сделать, попробуй.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Mazein, подскажите, пожалуйста: а в нестандартной теме под ocStoe 2.1.0.2.1 как вывести данный модуль? Просто, он вроде установился, но в схеме нет нового положения для модуля, а в других положениях не подхватываются стили (все слайды один под другим)... Заранее очень благодарен за помощь!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    172

andrey231983, вероятность, что проблема с шаблоном, очень мала. Скорее всего банально не обновили модификаторы.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От Vice


      Просмотр файла IWS MULTI SLIDER
      Модуль IWS MULTI SLIDER отображает слайдер с 4-мя разделами. На каждом экране(разделе) размещается 4 продукта.
      То есть в слайдер можно загрузить 16 продуктов. Каждому продукту можно дать название и ссылку.
      Каждому разделу можно присвоить свое оригинальное имя. При наведении на раздел происходит анимированый эффект.
      Демо
      Преимущества модуля IWS MULTI SLIDER:
      Модуль не заменяет никаких файлов;
      Стили вынесены в отдельный файл для простоты изменений (iwsstyle.css);
      Использует jquery;
      Размещение IWS MULTI SLIDER на различных страницах;
      Изменение размеров продуктов из админки;
      Совместимость:
      ocStore v1.5.3.1, v1.5.4.1, v1.5.5.1, v1.5.5.1.2
      Opencart 1.5.6.4
      Проверен в браузерах:
      Google Chrome 28.0.1500.95 m
      Opera 12.16
      Firefox 23.0
      Установка:
      1. Скачать архив. Произвести разархивирование. Копировать папку admin, catalog на Ваш сайт.
      2. Установите модуль в админке (Дополнения-Модули-IWSMULTISLIDER 1.0-Установить).
      3. В Дополнения-Модули-IWSMULTISLIDER 1.0 выберите схему, размер (рекомендуется для дефолтного шаблона размер 196х160), расположение (только верх страницы и низ страницы), статус, порядок сортировки. Нажмите кнопку Сохранить.
      Izyum Web System (www.izyum.name)
      Добавил Vice Добавлено 08.08.2013 Категория Модули  
    • От kJlukOo


      Просмотр файла qBanner
      ДЕМО: http://opencart-demo.ru/discount/
      ДЕМО-АДМИНКА: http://opencart-demo.ru/discount/admin/ demo:demo
       
      Примеры на боевых сайтах:
      https://prolifeshop.ru/ https://tuos.com.ua/  
      Описание
      Модуль дает возможность пользователю самому создавать сетку картинок в баннере.
      Блок имеет следующие параметры:
      Ширина (10%, 20%, 30%.... 100%) Высота (100 пикс., 200 пикс., .... 600 пикс.) Ссылка Картинка  
      Установка
      Скопировать содержимое в корень сайта Зайти в модули и установить qBanner Создать новый подмодуль и перейти к настройки сетки  
      Совместимость
      opencart/ocstore 2.1.х, 2.2.х, 2.3.х
      Добавил kJlukOo Добавлено 15.02.2017 Категория Прочее Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop  
    • От kJlukOo
      ДЕМО: http://opencart-demo.ru/discount/
      ДЕМО-АДМИНКА: http://opencart-demo.ru/discount/admin/ demo:demo
       
      Примеры на боевых сайтах:
      https://prolifeshop.ru/ https://tuos.com.ua/  
      Описание
      Модуль дает возможность пользователю самому создавать сетку картинок в баннере.
      Блок имеет следующие параметры:
      Ширина (10%, 20%, 30%.... 100%) Высота (100 пикс., 200 пикс., .... 600 пикс.) Ссылка Картинка  
      Установка
      Скопировать содержимое в корень сайта Зайти в модули и установить qBanner Создать новый подмодуль и перейти к настройки сетки  
      Совместимость
      opencart/ocstore 2.1.х, 2.2.х, 2.3.х
    • От noti


      Просмотреть файл Слайдшоу для OpenCart - адаптивный слайдер с выводом слогана
      Адаптивное слайдшоу для Opencart на основе FlexSlider 2.
      Возможности и преимущества:
      Возможен вывод слогана на слайде из админки. Кнопка для ссылки на сайдере Три анимационных эффекта Сдвиг, Вертикальный сдвиг и Появление. Регулируется интервал времени смены слайдов. Возможно отображение как с нижними миниатюрами изображения так и без них. Задается максимальная ширина слайдера, цвет шрифта, фона слайдера и его расположение. Для вывода слайдеров используются стандартные баннеры. Устанавливается отдельным модулем. Управление пальцами на устройствах с сенсорным экраном. Вес всего 22kb Совместимость с шаблоном AVA Store
      Демо (3 варианта слайдера)
      Демо админки
      Логин 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 Шаблон на котором установлен слайдер.
      Изменения в версии 2.4.1:
      Добавлены точки, когда превью отключены Добавлена поддержка OpenCart / OcStore 1.5 Изменения в версии 2.3:
      добавлен еще один эффект (вертикальный сдвиг) если указана ссылка на баннере, то появляется кнопка задается текст этой кнопки добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока) Автор noti Добавлен 16.10.2015 Категория Модули Системные требования Сайт разработчика w-concept.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 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.х  
  • Последние посетители   0 пользователей онлайн

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