Перейти к содержанию
mazein

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

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

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


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


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

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

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

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

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

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

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

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

Демо

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

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

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


 

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


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

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

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


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

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

 

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От Golubenko
      Здравствуйте!
       
      Сайт https://lbcbooks.com.ua/dlya-uchniv-pochatkovoyi-shkoly/islands
      На каждом описании Курса из раздела Категорий есть открывающийся слайдер. Необходимо к нему добавить "Шапку". 
       
      - над слайдером добавить блок с названием (Оглавление этого блока):
      Текст на блоке: Виберіть рівень та компонент курсу / Выберете уровнь и компонент курса    Шрифт: Такой же , как и на блоках.    Цвет шрифта: #ffffff (Надо посмотреть т.к. боюсь, что фон блока слишком светлый. Может лучше оставить шрифт черный).   Кегль и толщина: Прошу подобрать из своего опыта.       
      Блок: Цвет #0080ff   Ширина и высота: по ширине и высоте блоков основного слайдера. 
       
      Спасибо.
       
      Примерно так

    • От Nekto
      300.00 руб
      Скачать/Купить дополнение


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

      Модуль имеет следующие настройки:
      Отключение автопрокрутки
      Выбор цвета имени товара, цен и описания
      Настраивается paginationSpeed, slideSpeed, autoPlay.
      Заголовок выводимый над блоком
      Количество знаков в описании товара.

      Работает на ocStore и ОcStore версии 2.0.
      Устанавливается без замены файлов.
      1 - Залить в корень сайта содержимое папки "upload" из распакованного архива по FTP. Или загрузить скачанный zip файл через установщик OCMOD дополнений.
      2 - Настроить как и любой другой модуль в "Дополнения - Модули" вывести на нужную страницу через "Добавить в схему"
      * - если вы используете не дефолтный шаблон, то загрузите файлы из папки архива "catalog\view\theme\default\" в "catalog\view\theme\ВАШ ШАБЛОН\"
      Добавил Nekto Добавлено 03.02.2016 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От mrz
      Скачать/Купить дополнение


      Смена эффектов слайдшоу(ocmod)
      Дополнение позволяет устанавливать эффекты смены слайдов в модуле Слайдшоу.
      Совместимость
      opencart/ocstore 2.x
      Добавил mrz Добавлено 11.01.2016 Категория Модули  
    • От sobwoofer
      Скачать/Купить дополнение


      Карусель в табах sobTabCarousel Opencart 2x
      Простой модуль карусели Акций, Новинок, Хитов продаж во вкладках.
      • Основан на стандартных модулях, и скриптах.
      • Не перезаписывает файлы.
      • Требуется Opencart или Ocstore версии не ниже 2.
      Смотреть демо модуля на сайте
      Установка:
      1. Записать файлы модуля из папки uplpad в корень сайта.
      2. Включить и настроить отображение модуля в админке.
      Если вам понравился модуль:
      Пишите свои пожелания и замечания, в свободное время буду стараться развивать его функционал.
      Вы можете способствовать развитию модуля сбросив пару рублей автору на пиво :) Яндекс кошелек: 41001830858339
      Добавил sobwoofer Добавлено 22.10.2015 Категория Слайдшоу, баннеры, галереи  
    • От noti
      300.00 руб
      Скачать/Купить дополнение


      Слайдшоу для 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 пользователей онлайн

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

×