Sign in to follow this
Followers
0
[Поддержка] Видео в карточке товара
By
mazein, 01/23/2016 04:03 PM in Модули и дополнения
-
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 Seriusis
Модуль решает проблему долгой загрузки iframe с youtube и увеличивает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение видео в popup, установка своих превью на видео, установка произвольной иконки "play",
Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi.
ЗАЧЕМ
Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый iframe это доп. запросы и ресурсы).
ССЫЛКИ НА ДЕМО
6 видео - разница 30-50%
Модуль выключен:
https://oc23.likedev.pro/6-video?disable-video-optim
и page speed 49/33 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile
Модуль включен
https://oc23.likedev.pro/6-video
и page speed 92/75 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video
Страница та же, только в первом случае добавлен параметр ?disable-video-optim , чтобы модуль не срабатывал и можно было увидеть разницу.
1 видео - разница 10-30%
И даже с 1 видео показатель достаточно проседает, особенно для мобильных устройств
Модуль выключен:
https://oc23.likedev.pro/1-video?disable-video-optim
и page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop
Модуль вкючен:
https://oc23.likedev.pro/1-video
и page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile
Админка https://oc23.likedev.pro/admin/ логин/пароль: demo/demo
Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.
ВОЗМОЖНОСТИ
видео по клику на превью всплывающеее окно с видео по клику на превью произвольные изображение для превью выбор размера превью установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css возможно указать пути для исключения работы модуля поля для камтомных стилей и js
ОСОБЕННОСТИ
будет работать на всех шаблонах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код
ПРИМЕНЕНИЕ
увеличение скорости загрузки и в результате лучший показатель page speed кастомизация внешнего вида видео превью вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт
УСТАНОВКА
видео установки
(только тут фикс не нужен, остальное - так же)
Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт.
Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
ЛИЦЕНЗИЯ
Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Для получения ключа обращайтесь в лс или на почту [email protected], сразу указывайте данные о покупке: номер заказа и домен
Приветствую дельные предложения по развитию и расширению модуля.
Также смотрите модули:
Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content
-
-
Recently Browsing 0 members
No registered users viewing this page.