Jump to content
Sign in to follow this  
mazein

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

Recommended Posts

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


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


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

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

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

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

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

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

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

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

Демо

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

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

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


 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Sunser
      Smart slider  - улучшенный слайдер для сайта
       
      Расширение подходит и тестировалось на версиях Opencart 2.0, 2.1, 2.2, 2.3 и 3.0
      Расширение подходит и тестировалось на версиях ocStore 2.1, 2.3 и 3.0
      Данные версии CMS брались с официальных сайтов OpenCart и ocStore.
       
      Smart slider - это модуль для создания и вывода слайдера на сайте. Данный модуль создан и работает на основе популярного слайдера Slick Slider.
      Данный модуль имеет очень большой функционал и расширенные возможности для возможных доработок по своему желанию.
       
      -- Установка расширения:
      1) Зайдите в свой установщик модификаторов, в админ панели, выберите модуль нужной версии, после чего установите;
      2) После установки зайдите в модификаторы и обновите свои модификаторы;
      3) После этого зайдите в модули или расширения и выберите сам модуль и настройте его;
      4) После настройки модуля зайдите в раздел "Дизайн >> Макеты" и выберите страницу и место где вы хотите вывести модуль.
       
      -- Что может модуль:
      1) Модуль мультиязычный, потому подстраивается под версию языка и его настройки тоже;
      2) Модуль адаптивен, в настройках можно указывать отдельно адаптив под мобильную версию;
      3) В модуле возможно загружать видео;
      4) После установки модуля на сайте будет возможность загружать на сайт видео в формате mp4 и webm и svg иконки;
      5) Основные настройки слайдера/возможности:
      - Показывать стрелки на ПК;
      - Показывать стрелки на Телефоне;
      - Показывать навигацию на ПК(точки/dots);
      - Показывать навигацию на Телефоне(точки/dots);
      - Автовоспроизведение;
      - Скорость автозапуска;
      - Включить перетаскивание мышью;
      - Включить анимацию затухания;
      - Пауза автозапуска при наведении;
      - Скорость анимации перелистывания;
      - Зацикливание слайдера, дает возможность беспрерывной прокрутки;
      - Lazyload;
      - Возможность задавать стрелки для слайдера;
      - Возможность задать/затемнить задний фон для слайдера;
      - Возможность частичного показа следующего слайдера;
      - Возможность задать с какого слайдера начать показ;
      6) В админке слайдера возможность копировать уже созданные слайды, то есть не надо долго прописывать настройки;
      7) Возможность задавать разные фото или видео для разных расширений;
      8) Модуль использует touch. То есть возможность перетаскивание касанием(сенсорное касание) и его контроль;
      9) Удобный выбор цветовой палитры или возможность задать своей цветовой код(RGBA).
       
      Данный модуль возможно выводить в разной части сайта.
      Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и svg;
      Так же все настройки можно менять на уровне кода под себя, если вы разработчик.
       
      Проблемы и исправление модуля:
      1. Я установил модуль и не могу загрузить видео или svg - такое обычно случается, когда модификатор который идет в комплекте с модулем не находит совпадения в файлов системе вашего сайта и из-за этого модуль не срабатывает. Такое случается если вы на своем сайте редактировали файлы, к которым обращались модификаторы.
      2. Я установил модуль, но у меня появились ошибки или не работает загрузка изображений или же сам сайт после установки выбил ошибку - такая ошибка относится к 1 пункту, описанного сверху. То есть при установке модуля, модификатор, мог не правильно прописать свои настройки из-за того что файлы к которому он обращается правились. Это не страшно и можно легко исправить;
      -- Все это можно исправить, написав автору или если вы сами разбираетесь в работе модулей и модификаторов.
       
      Примечание.
      - После загрузки на видео не отображается изображение, потому не стоит пугаться.
      - Для корректного отображения видео на слайдере стоит использовать 2 формата видео, это mp4 и webm. Поскольку если загрузить одно из расширений, в каком-то браузере видео может не заработать.
      - После того как в модуле вы выбираете видео, и ничего не отображается, не стоит пугаться. После сохранения модуля, на слайдах покажет выбранное видео его названием.
      - Если у вас на сайте уже есть возможность загружать видео или svg. То в таком случае, напишите автору и он выдаст модификатор под ваш сайт.
      - Если же у вас сайт поддерживает и видео и svg, то после установки модуля, удалите модификатор данного модуля и обновите модификаторы.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля или вам нужно доработать модуль для личных целей, пишите в личное сообщение данного сервиса, после чего я вам обязательно отвечу.
       
      Будьте внимательные к описанию данного модуля, его характеристикам и скринам приложенным к нему перед приобретением модулям. Если же вам что-то не понятно или есть вопросы перед приобретением, можете написать автору модуля и уточнить свои вопросы к данному модулю
       
       
       
      Другие модули автора:
      Sunser Callback - форма обратной связи
      Ease description - модуль упрощенного описания
      Sunser map - кастомная карта для сайта
      Content manager – модуль учета контента.
      Subscribe_pro - улучшенная подписка на новости
      Sitemap generator - генератор статической карты сайта
    • By Sunser
      450.00 руб
      Скачать/Купить дополнение


      Smart slider - улучшенный слайдер для сайта
      Smart slider  - улучшенный слайдер для сайта
       
      Расширение подходит и тестировалось на версиях Opencart 2.0, 2.1, 2.2, 2.3 и 3.0
      Расширение подходит и тестировалось на версиях ocStore 2.1, 2.3 и 3.0
      Данные версии CMS брались с официальных сайтов OpenCart и ocStore.
       
      Smart slider - это модуль для создания и вывода слайдера на сайте. Данный модуль создан и работает на основе популярного слайдера Slick Slider.
      Данный модуль имеет очень большой функционал и расширенные возможности для возможных доработок по своему желанию.
       
      -- Установка расширения:
      1) Зайдите в свой установщик модификаторов, в админ панели, выберите модуль нужной версии, после чего установите;
      2) После установки зайдите в модификаторы и обновите свои модификаторы;
      3) После этого зайдите в модули или расширения и выберите сам модуль и настройте его;
      4) После настройки модуля зайдите в раздел "Дизайн >> Макеты" и выберите страницу и место где вы хотите вывести модуль.
       
      -- Что может модуль:
      1) Модуль мультиязычный, потому подстраивается под версию языка и его настройки тоже;
      2) Модуль адаптивен, в настройках можно указывать отдельно адаптив под мобильную версию;
      3) В модуле возможно загружать видео;
      4) После установки модуля на сайте будет возможность загружать на сайт видео в формате mp4 и webm и svg иконки;
      5) Основные настройки слайдера/возможности:
      - Показывать стрелки на ПК;
      - Показывать стрелки на Телефоне;
      - Показывать навигацию на ПК(точки/dots);
      - Показывать навигацию на Телефоне(точки/dots);
      - Автовоспроизведение;
      - Скорость автозапуска;
      - Включить перетаскивание мышью;
      - Включить анимацию затухания;
      - Пауза автозапуска при наведении;
      - Скорость анимации перелистывания;
      - Зацикливание слайдера, дает возможность беспрерывной прокрутки;
      - Lazyload;
      - Возможность задавать стрелки для слайдера;
      - Возможность задать/затемнить задний фон для слайдера;
      - Возможность частичного показа следующего слайдера;
      - Возможность задать с какого слайдера начать показ;
      6) В админке слайдера возможность копировать уже созданные слайды, то есть не надо долго прописывать настройки;
      7) Возможность задавать разные фото или видео для разных расширений;
      8) Модуль использует touch. То есть возможность перетаскивание касанием(сенсорное касание) и его контроль;
      9) Удобный выбор цветовой палитры или возможность задать своей цветовой код(RGBA).
       
      Данный модуль возможно выводить в разной части сайта.
      Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и svg;
      Так же все настройки можно менять на уровне кода под себя, если вы разработчик.
       
      Проблемы и исправление модуля:
      1. Я установил модуль и не могу загрузить видео или svg - такое обычно случается, когда модификатор который идет в комплекте с модулем не находит совпадения в файлов системе вашего сайта и из-за этого модуль не срабатывает. Такое случается если вы на своем сайте редактировали файлы, к которым обращались модификаторы.
      2. Я установил модуль, но у меня появились ошибки или не работает загрузка изображений или же сам сайт после установки выбил ошибку - такая ошибка относится к 1 пункту, описанного сверху. То есть при установке модуля, модификатор, мог не правильно прописать свои настройки из-за того что файлы к которому он обращается правились. Это не страшно и можно легко исправить;
      -- Все это можно исправить, написав автору или если вы сами разбираетесь в работе модулей и модификаторов.
       
      Примечание.
      - После загрузки на видео не отображается изображение, потому не стоит пугаться.
      - Для корректного отображения видео на слайдере стоит использовать 2 формата видео, это mp4 и webm. Поскольку если загрузить одно из расширений, в каком-то браузере видео может не заработать.
      - После того как в модуле вы выбираете видео, и ничего не отображается, не стоит пугаться. После сохранения модуля, на слайдах покажет выбранное видео его названием.
      - Если у вас на сайте уже есть возможность загружать видео или svg. То в таком случае, напишите автору и он выдаст модификатор под ваш сайт.
      - Если же у вас сайт поддерживает и видео и svg, то после установки модуля, удалите модификатор данного модуля и обновите модификаторы.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля или вам нужно доработать модуль для личных целей, пишите в личное сообщение данного сервиса, после чего я вам обязательно отвечу.
       
      Будьте внимательные к описанию данного модуля, его характеристикам и скринам приложенным к нему перед приобретением модулям. Если же вам что-то не понятно или есть вопросы перед приобретением, можете написать автору модуля и уточнить свои вопросы к данному модулю
       
       
       
      Другие модули автора:
      Sunser Callback - форма обратной связи
      Ease description - модуль упрощенного описания
      Sunser map - кастомная карта для сайта
      Content manager – модуль учета контента.
      Subscribe_pro - улучшенная подписка на новости
      Sitemap generator - генератор статической карты сайта
      Добавил Sunser Добавлено 07.10.2020 Категория Слайдшоу, баннеры, галереи Системные требования php версии 5.6, желательно 7.0 и высше Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 0  
    • By TramplinStudio
      Поддержка осуществляется в Пн-Пт с 18:00 до 20:00 по МСК!
       
      Вы уверены в эффективности элементов дизайна на вашем сайте?
      Предположения и гипотезы о качестве активных и пассивных элементов сайта строятся на основе личного опыта и взглядов разработчиков и дизайнеров, которые совсем не обязательно совпадут со взглядами посетителей вашего интернет-магазина OpenCart. Другими словами, нет гарантии что элементы на страницах интернет-магазина приведут к желаемому эффекту. Пакет модулей "AB-Test 3 в 1" будет очень полезен для проверки таких гипотез.

      AB-Test 3 в 1 v1.1 by Tramplin Studio - это набор простых, но мощных маркетинговых инструментов для повышения эффективности ваших баннеров, слайдеров, HTML текстов и любых других элементов дизайна в OpenCart, с помощью аналитического метода "АБ-тестирование". Благодаря этому пакету модулей, вы сможете лучше донести до посетителя нужную информацию, и тем самым значительно повысите конверсию вашего интернет-магазина.

      Что такое АБ-тестирование (Split test)?
      Это современный метод маркетингового исследования. Его суть заключается в том, что контрольная группа элементов сравнивается с набором тестовых групп, в которых один или несколько показателей были изменены, для того, чтобы выяснить, какие из изменений улучшают целевой показатель. Разновидностью АБ-тестирования является многовариантное тестирование, доступное в пакете модулей "AB-Test 3 в 1".


      Какие модули входят в пакет "AB-Test 3 в 1"?
      "TS AB-Test Elements" - тестирование активных и пассивных элементов дизайна на страницах вашего интернет-магазина; "TS AB-Test Banners" - тестирование баннеров, слайдеров и каруселей с неограниченным числом изображений; "TS AB-Test HTML" - тестирование HTML текстов на страницах вашего сайта.
      Какими возможностями обладают модули?

          Высокая гибкость:
      возможностью мультивариантного тестирования (до 5 тестовых групп, вместо стандартных 2-х); доступна возможность самому устанавливать вероятность показа для каждой отдельной тестовой группы с помощью ползунков на шкале вероятности; отслеживание показателей с помощью сервисов Google Analytics и Яндекс.Метрика, что позволяет проводить более глубокий анализ результатов тестирования по полу, возрасту, типам устройств, браузерам, операционным системам и другим показателям. Более подробно о каждом счетчике: счетчик Google Analytics, модуль поддерживает оба типа счетчика, как gtag, так и analytics; счетчик Яндекс.Метрики, как старой версии API v1.0, так и новой - API v2.0 (Версия 2.0 была доступна в тестовом режиме с 2016 года, но официально встала на вооружение с 06.12.2018. Если вы не знаете наверняка, то не будет лишним провести обновление счетчика или установить наш модуль аналитики "TS Yandex Metrika", который применяет последнюю версию счетчика).     Доступны 2 типа событий с тестовыми образцами, при которых цель может считаться достигнутой:
      простой клик мышью - click event; наведение курсора мыши на элемент - mouseover event.       Событие "mouseover" лишь косвенно указывает на интерес посетителя вашего интернет-магазина к элементу, так как будет содержать долю "холостых" событий, однако может быть очень полезным в некоторых случаях (например для элементов без ссылки или для форсирования АБ-тестирования). Для того чтобы снизить число холостых срабатываний, для "mouseover" доступна настройка задержки события в миллисекундах. Например, если вы хотите чтобы цель считалась достигнутой через 2 секунды после наведения на элемент курсора мыши, то укажите задержку 2000 миллисекунд. Однако, следует учитывать, что если посетитель отведет курсор от элемента раньше, то событие будет сброшено.


      Полезные советы:
      Если вы серьезно относитесь к конверсии вашего интернет-магазина и вам важно знать все о действиях посетителей, тогда другие наши модули "TS Yandex Metrika" и "TS Google Analytics" могут быть вам очень полезны! С этими модулями вы сможете передавать сервисам Яндекса и Гугла не только такие простые данные как переходы по ссылкам и клики, но и подробную информацию о посетителях сайта, данные электронной коммерции, а также настраивать цели для отслеживание конверсий, не прибегая к вмешательству в код сайта и не обладая глубокими познаниями в веб-разработке. Другой наш продукт - "TS Banner MultiPosition", может стать полезным дополнением к модулю "TS AB-Test Banners" и обычным баннерам. С ним вы сможете показывать баннеры там, где они действительно нужны. Отображение одного и того же изображения может быть настроено опционально для любых страниц из списков: товаров, категорий, производителей, статей и страниц внутреннего поиска в магазине. Создавайте сложные маркетинговые переплетения всего за несколько минут!
      -----------------------------------------------------------------------------------------------

      Смотреть DEMO
      Смотреть DEMO админки (логин: demo, пароль: demo)

      -----------------------------------------------------------------------------------------------

      Инструкция по установке:
      Перейдите в Панель администратора -> Модули -> Установка расширений; Загрузите архив с модулем для вашей версии OpenCart или ocStore;  
      Файлы не перезаписываются!

      -----------------------------------------------------------------------------------------------

      Инструкция по обновлению:
      Перейдите в Панель администратора -> Модули -> Установка расширений; Загрузите архив с обновленным модулем для вашей версии OpenCart или ocStore; Проверьте настройки модуля и пересохраните.  
      -----------------------------------------------------------------------------------------------

      Данный модуль является завершенным продуктом. Дальнейшее обновление модуля маловероятно.
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.