Зарегистрироваться сейчас

Авторизация

Забыл пароль

Забыли пароль? Введите логин или email-адрес. Мы отправим инструкцию на ваш Email

Отправить сообщение

Add post

Добавить вопрос

You must login to ask a question.

Авторизация

Зарегистрироваться сейчас

Цель сайта совместная помощь друг другу, если вы желаете скачивать ресурсы и ничего при этом не делать, вам нужно оплатить Подписку Другой вариант активно помогать другим участникам

YouTube lazy load & popup — оптимизация и кастомизация iframe, увеличение page speed v1.0.1 KEY

YouTube lazy load & popup — оптимизация и кастомизация iframe, увеличение page speed v1.0.1 KEY

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

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

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

ЗАЧЕМ

Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несколько видео (каждый iframe это доп. запросы и ресурсы).

Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.

ВОЗМОЖНОСТИ

  • видео по клику на превью
  • всплывающеее окно с видео по клику на превью
  • произвольные изображение для превью
  • выбор размера превью
  • установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css
  • возможно указать пути для исключения работы модуля
  • поля для камтомных стилей и js

ОСОБЕННОСТИ

  • будет работать на всех шаблонах
  • максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек)
  • будет работать даже без бутстрапа и jquery
  • открытый код

ПРИМЕНЕНИЕ

  • увеличение скорости загрузки и в результате лучший показатель page speed
  • кастомизация внешнего вида видео превью
  • вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве
  • подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт

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

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

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

Скачивание доступно подписчикам. Некоторые ресурсы доступны с подпиской VIP, Если вы оплатили LITE вы не увидите вип ресурсы

Download is available to subscribers. Some resources are available with a VIP subscription.If you paid for LITE, you will not see the VIP resources.

По вопросам подписки    Парсинг-Обмен с 1с/Мой склад/CRM и др.    Правила

Автор GrekVerified

Хорошее начало — не мелочь, хотя и начинается с мелочи По вопросам подписки / рекламе, пишите в личку https://t.me/trafimmamedov или на почту [email protected]

Мы тут