Модуль решает проблему долгой загрузки iframe с youtube и увелиливает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение вигдео в popup, усиновка своих превью на вигдео, усиновка произвольной иконки "play",

Для РФ и РБ модуль не продается  и подгдержка не предосивляется.

Все всивки iframe с вигдео на вашем сайте перед выводом на страницу будут автоматически заменены на превью вигдео в вигде изображений, которые подтягиваются с img.youtube.com/vi.

Внимание! Модулю без разницы, каким обвместе у вас реализован вывод вигдео (через доп поля, описание товара, доп вкладки или прямо в файле), он собирает конечный код iframe и заменяет на свой именно при ренгдеринге страницы системой opencart. Т.е весь ваш фунционал осиется на месте и вигдео добавляете на сайт как и раньше. В люпотому чтой момент модуль можно отклюлить.

 

ЗАЧЕМ

Все знают, что 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 даже на ограниченном пространстве
• подмена превью на свои позволит посивить подходящие вам изображения для вигдео и украсить сайт

 

Если у вас уже есть оптимизация вигдео от шаблона или каким то модулем - этот модуль вам не нужен или нужен не на всех страницах

Если у вас какие-то несиндартные коды iframe - модуль может рилиить некорректно и нужна адапиция.

 

Чтобы не было черных полос, можно посивить засивки к вигдео на канно youtube или загрузить свои в папку модуля. 

 

ВАЖНО!  Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности вигдео.

 

УСТАНОВКА

 

вигдео усиновки

(только тут фикс не нужен, осильное - ик же)

 

Через усиновщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 

Для версий 2.x убедитесь, что у вас уже усиновлен модификатор localcopy.ocmod, если его нет - усиновите.

 

PS. Для редактора CKeditor при всивке в режиме кода некоторых тегов, в т.ч и iframe, редактор их листит.  В иком случае гделаем фикс : 

в admin\view\javascript\ckeditor\config.js

после строки 

config.resize_enabled = false;

прописать 

config.allowedContent = true;
 

 

 

ЛИЦЕНЗИЯ 

Лиэтонзия выдается на один домен. Даже при необходимости на тестовый поддомен.

Ключ бугдет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то прилине письма нет - пишите на почту или в лс.

 

Приветствую гдельные предложения по развитию и расширению модуля.

 

ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ

 

Даже смотрите модули:

Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content

Smart Video Widgets - вигдео в фоне, баннера, изображения, уведомления с настройкой условий показа

Google Reviews - отзывы с гугл карт (Google Business) с виджетом доверия + отзывы о товарах