Search the Community
Showing results for tags 'vimeo'.
-
Version 2.1.1
Модуль решает проблему длительной загрузки iframe из youtube и vimeo и увеличивает page speed. Позволяет добавлять видео youtube и vimeo в полях описаний страниц, добавлять видео шорткордами, собирать видео в галерею на странице товара, отображать видео в popup Для РФ и РБ модуль не продается и поддержка не предоставляется. Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi. Внимание! Модулю без разницы, каким образом у вас реализован вывод видео (через доп поля, описание товара, доп вкладки или прямо в файле), он собирает конечный код iframe и заменяет на свой именно при рендеринге страницы системой opencart. Т.е весь ваш фунционал остается на месте и видео добавляете на сайт как и раньше. В любой момент модуль можно отключить. ЗАЧЕМ Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый iframe это доп. запросы и ресурсы). Бонус - галерея видео и удобное добавление видео на сайт. ВОЗМОЖНОСТИ поддержка youtube, youtube shorts, vimeo удобная вставка видео шорткодами видео по клику на превью всплывающее окно с видео по кліку на превью свое изображение для превью выбор размера превью настройки иконки 'play' (изображение, font awesome, html) и ее стлизация сбор видео в галерею на основе добавленных iframe и шорткодов в описании товара выбор позиции галереи и ее стилизация иконка видео в категории иконка видео в товаре (открытие галереи по клику как опция) 2 режима работы галереи возможно указать пути для исключения работы модуля поля для кастомных стилей и js ОСОБЕННОСТИ будет работать на всех шаблонах и страницах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код полная версия 2.0 только для opencart/ocstore 2.2+, для более низких - версия 1 ДЕМО Адмінка https://oc3.likedev.pro/admin/ логін/пароль: demo/demo товар https://oc3.likedev.pro/imac стаття https://oc3.likedev.pro/6-video ПРИМЕНЕНИЕ увеличение скорости загрузки и в результате лучший показатель page speed удобное добавление видео на сайт кастомизация внешнего вида видео превью организация галереи видео в карточке товара без риска для скорости сайта вывод видео в popup позволит показывать ваши 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 Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно. Чтобы не было черных полос, можно поставить заставки к видео на канале youtube или загрузить свои в папку модуля. ВАЖНО! Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео. УСТАНОВКА видео установки (только тут фикс не нужен, остальное - так же) Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите. PS. Для редактора CKeditor при вставке в режиме кода некоторых тегов, в т.ч и iframe, редактор их чистит. В таком случае делаем фикс : в admin\view\javascript\ckeditor\config.js после строки config.resize_enabled = false; прописать config.allowedContent = true; ОБНОВЛЕНИЕ к версии 2.0: 1. Удалить модификатор старой версии модуля Youtube lazy load and popup 2. Обновить модификаторы 3. Установить архив новой версии как обычное дополнение через установщик 4. В списке расширений удалить модуль и установить заново ЛИЦЕНЗИЯ Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс. Приветствую дельные предложения по развитию и расширению модуля. ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ Также смотрите модули: Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content Smart Video Widgets - видео в фоне, баннера, изображения, уведомления с настройкой условий показа Google Reviews - отзывы с гугл карт (Google Business) с виджетом доверия + отзывы о товарах$20 -
20 Скачать / Купить дополнение YouTube lazy load & popup - вставка видео с youtube, vimeo, галерея видео, оптимизация page speed страниц из видео Модуль решает проблему длительной загрузки iframe из youtube и vimeo и увеличивает page speed. Позволяет добавлять видео youtube и vimeo в полях описаний страниц, добавлять видео шорткордами, собирать видео в галерею на странице товара, отображать видео в popup Для РФ и РБ модуль не продается и поддержка не предоставляется. Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi. Внимание! Модулю без разницы, каким образом у вас реализован вывод видео (через доп поля, описание товара, доп вкладки или прямо в файле), он собирает конечный код iframe и заменяет на свой именно при рендеринге страницы системой opencart. Т.е весь ваш фунционал остается на месте и видео добавляете на сайт как и раньше. В любой момент модуль можно отключить. ЗАЧЕМ Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый iframe это доп. запросы и ресурсы). Бонус - галерея видео и удобное добавление видео на сайт. ВОЗМОЖНОСТИ поддержка youtube, youtube shorts, vimeo удобная вставка видео шорткодами видео по клику на превью всплывающее окно с видео по кліку на превью свое изображение для превью выбор размера превью настройки иконки 'play' (изображение, font awesome, html) и ее стлизация сбор видео в галерею на основе добавленных iframe и шорткодов в описании товара выбор позиции галереи и ее стилизация иконка видео в категории иконка видео в товаре (открытие галереи по клику как опция) 2 режима работы галереи возможно указать пути для исключения работы модуля поля для кастомных стилей и js ОСОБЕННОСТИ будет работать на всех шаблонах и страницах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код полная версия 2.0 только для opencart/ocstore 2.2+, для более низких - версия 1 ДЕМО Адмінка https://oc3.likedev.pro/admin/ логін/пароль: demo/demo товар https://oc3.likedev.pro/imac стаття https://oc3.likedev.pro/6-video ПРИМЕНЕНИЕ увеличение скорости загрузки и в результате лучший показатель page speed удобное добавление видео на сайт кастомизация внешнего вида видео превью организация галереи видео в карточке товара без риска для скорости сайта вывод видео в popup позволит показывать ваши 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 Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно. Чтобы не было черных полос, можно поставить заставки к видео на канале youtube или загрузить свои в папку модуля. ВАЖНО! Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео. УСТАНОВКА видео установки (только тут фикс не нужен, остальное - так же) Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите. PS. Для редактора CKeditor при вставке в режиме кода некоторых тегов, в т.ч и iframe, редактор их чистит. В таком случае делаем фикс : в admin\view\javascript\ckeditor\config.js после строки config.resize_enabled = false; прописать config.allowedContent = true; ОБНОВЛЕНИЕ к версии 2.0: 1. Удалить модификатор старой версии модуля Youtube lazy load and popup 2. Обновить модификаторы 3. Установить архив новой версии как обычное дополнение через установщик 4. В списке расширений удалить модуль и установить заново ЛИЦЕНЗИЯ Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс. Приветствую дельные предложения по развитию и расширению модуля. ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ Также смотрите модули: Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content Smart Video Widgets - видео в фоне, баннера, изображения, уведомления с настройкой условий показа Google Reviews - отзывы с гугл карт (Google Business) с виджетом доверия + отзывы о товарах Добавил Seriusis Добавлено 12.11.2020 Категория Модули Ioncube Loader Нет ocStore 3.0 2.3.0.2.4 2.3 2.2 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Обращение к серверу разработчика Нет
-
7 Завантажити / Придбати розширення Видео на странице товара в pop-up окне (YouTube/Shorts/Vimeo) Модуль тестировался на OcStore 2.3.0.2.4, 3.0.2.0, 3.0.3.7. Установка модуля версии 1.0: 1. Скачайте файл product_video_v1_0_oc3.ocmod.zip 2. Необходимо сделать запрос в БД (не забываем менять префикс таблицы если в этом есть необходимость): ALTER TABLE `oc_product` ADD COLUMN IF NOT EXISTS `video` VARCHAR(255) NOT NULL AFTER `image`; 3. Установка производится стандартным способом через Дополнения->Установка дополнений. 4. После установки, перейдите в менеджер дополнений и обновите кэш. 5. Перейти в Каталог->Товары и приступить к редактированию товара. На закладке "Данные" появится поле для ввода "URL видео о товаре" Адаптация: Модификатор адаптирован под Default-шаблон. Под остальные шаблоны необходима адаптация. Установка модуля версии 1.3: 1. Скачайте файл product_video_v1_3_oc3.ocmod.zip / product_video_v1_3_oc23.ocmod.zip 1. Необходимо сделать запрос в БД (не забываем менять префикс таблицы если в этом есть необходимость): CREATE TABLE `oc_product_video` ( `product_video_id` int(11) NOT NULL, `product_id` int(11) NOT NULL, `source` varchar(25) NOT NULL, `url` varchar(255) DEFAULT NULL, `sort_order` int(3) NOT NULL DEFAULT 0 ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci; ALTER TABLE `oc_product_video` ADD PRIMARY KEY (`product_video_id`), ADD KEY `product_id` (`product_id`); ALTER TABLE `oc_product_video` MODIFY `product_video_id` int(11) NOT NULL AUTO_INCREMENT; 2. Установка производится стандартным способом через Дополнения->Установка дополнений. 3. После установки, перейдите в менеджер дополнений и обновите кэш. 4. Перейти в Каталог->Товары и приступить к редактированию товара. Появится новая закладка "YouTube" Адаптация: Модификатор адаптирован под шаблоны: Default Cyberstore Chameleon Под остальные шаблоны необходима адаптация. Автор IHOR1989 долучення 11.09.22 Категорія Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 3.0 2.3.0.2.4 OpenCart.Pro, ocShop Звернення до сервера розробника Нет
- 20 replies
-
- video in product
- video
-
(and 7 more)
Tagged with:
-
Version 1.3
Модуль тестировался на OcStore 2.3.0.2.4, 3.0.2.0, 3.0.3.7. Установка модуля версии 1.0: 1. Скачайте файл product_video_v1_0_oc3.ocmod.zip 2. Необходимо сделать запрос в БД (не забываем менять префикс таблицы если в этом есть необходимость): ALTER TABLE `oc_product` ADD COLUMN IF NOT EXISTS `video` VARCHAR(255) NOT NULL AFTER `image`; 3. Установка производится стандартным способом через Дополнения->Установка дополнений. 4. После установки, перейдите в менеджер дополнений и обновите кэш. 5. Перейти в Каталог->Товары и приступить к редактированию товара. На закладке "Данные" появится поле для ввода "URL видео о товаре" Адаптация: Модификатор адаптирован под Default-шаблон. Под остальные шаблоны необходима адаптация. Установка модуля версии 1.3: 1. Скачайте файл product_video_v1_3_oc3.ocmod.zip / product_video_v1_3_oc23.ocmod.zip 1. Необходимо сделать запрос в БД (не забываем менять префикс таблицы если в этом есть необходимость): CREATE TABLE `oc_product_video` ( `product_video_id` int(11) NOT NULL, `product_id` int(11) NOT NULL, `source` varchar(25) NOT NULL, `url` varchar(255) DEFAULT NULL, `sort_order` int(3) NOT NULL DEFAULT 0 ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci; ALTER TABLE `oc_product_video` ADD PRIMARY KEY (`product_video_id`), ADD KEY `product_id` (`product_id`); ALTER TABLE `oc_product_video` MODIFY `product_video_id` int(11) NOT NULL AUTO_INCREMENT; 2. Установка производится стандартным способом через Дополнения->Установка дополнений. 3. После установки, перейдите в менеджер дополнений и обновите кэш. 4. Перейти в Каталог->Товары и приступить к редактированию товара. Появится новая закладка "YouTube" Адаптация: Модификатор адаптирован под шаблоны: Default Cyberstore Chameleon Под остальные шаблоны необходима адаптация.$7- 3 reviews
-
- 1
-
- video in product
- video
-
(and 7 more)
Tagged with: