Пошук по сайту

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 Звернення до сервера розробника Нет  

9 При купівлі доступ до оновлень протягом 12 місяців. Після закінчення основного періоду доступ до оновлень можна продовжити 5.00 USD за 12 місяців Завантажити / Придбати розширення Текстовый Блок HTML PRO Позволяет создавать и настраивать сетки текстовых блоков на вашем веб-сайте. С помощью этого инструмента вы можете легко создавать неограниченное количество текстовых блоков и настраивать их в соответствии с вашими потребностями и дизайном. Полная гибкость и контроль над размещением и содержанием текста на вашем веб-сайте. Возможности Расширения: Мультиязычность; Использование пользовательского шаблона для модуля; Управление доступом к контенту; Вставка изображений для разных размеров экранов; Управление размерами изображений; Отложенная загрузка изображений средствами браузера; Вставка видео; Позиционирование блоков; Позиционирование медиа-контента в блоке; Добавление HTML атрибутов для раздела или блоков; Присвоение ссылок блокам; Добавление CSS классов и идентификаторов для раздела или блоков. Демо / Админка Вход: demo / demo Документация Лицензия: Модуль можно установить на один интернет-магазин. Следующий магазин оплачивается отдельно. Автор RoS долучення 02.12.23 Категорія Меню, дизайн, внешний вид Ioncube Loader Нет ocStore 3.0 OpenCart.Pro, ocShop Звернення до сервера розробника Нет  

20 Скачать / Купить дополнение OCDbanner: Баннеры | Слайдеры | Видео OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. Основные настройки модуля: 1) Вывод заголовка модуля 2) Ширина блока модуля: - На ширину контейнера - На ширину экрана - Фон на ширину экрана, содержимое на ширину контейнера (в качествена фона можно выбрать либо изображение, либо указать цвет) 3) Отображение модуля на различных устройствах. 4) Пользовательские шаблоны. К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении модуля не потеряются какие-либо сделанные изменения. Внимание! Для настройки "Ширина блока" для вариантов "На ширину экрана" и "Фон на ширину экрана, содержимое на ширину контейнера" в большинстве случаев потребуется адаптация под шаблоны. Основные настройки для баннеров в группе: 1) Вывод названия группы 2) Три режима отображения - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду) - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешений), расстояние между баннерами для различных разрешений) - Произвольная сетка (настраиваемое расстояние между баннерами) 3) Размеры изображений 4) Статус группы После обновления на ver.4 необходимо в административной части перенастроить произвольную сетку! При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов: 1) Изображение 2) Видео 3) Слайдер При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов: 1) Изображение 2) Видео Абсолютно любому баннеру можно указать статус включено/отключено. Мультиязычные настройки для типа баннера "Изображение": 1) Изображение. 2) Эффект при наведении на изображение (12 эффектов). 3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения. 4) Alt для изображения. 5) Статус заголовка. 6) Позиция для заголовка (перед изображением, после изображения, в теле изображения). 7) Выравнивание заголовка (по левому краю, по правому краю, по центру). 8) Ссылка. 9) Указывает ли ссылка на видеоролик (YouTube или Vimeo). 10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне. 11) Статус описания баннера. 12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор). 13) Порядок сортировки. Мультиязычные настройки для типа баннера "Видео": 1) Выбор видеохостинга (YouTube или Vimeo). 2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID. 3) Заголовок для видео. 4) Статус заголовка. 5) Позиция для заголовка (перед или после видеоролика). 6) Выравнивание заголовка (по левому краю, по правому краю, по центру). 7) Порядок сортировки. Мультиязычные настройки для типа баннера "Слайдер": 1) Статус слайдера. 2) Изображение. 3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения. 4) Alt для изображения. 5) Статус заголовка. 6) Выравнивание заголовка (по левому краю, по правому краю, по центру). 7) Ссылка. 8) Указывает ли ссылка на видеоролик (YouTube или Vimeo). 9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне. 10) Статус описания баннера 11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор) 12) Порядок сортировки. Уровни доступа: 1) Показ баннеров для разных магазинов 2) Показ баннеров для разных групп покупателей 3) Показ баннеров для разных категорий 4) Показ баннеров для разных производителей 5) Показ баннеров для разных товаров При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS". Не перезаписывает системных файлов движка Не использует VQmod Не использует OCMOD Не использует ioncube Демо модуля - http://demo.oc-day.ru/ (см. пункты в верхнем меню) Административная часть: http://demo.oc-day.ru/admin/index.php?route=extension/extension Логин: demo Пароль: demo Установка 1) Загрузить ocdbanner.ver4.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer) 2) Ввести лицензионный ключ 3) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой для версий 2.3 и 3.х - extension/module/ocdbanner, для версии 2.1 - module/ocdbanner) 4) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль. 5) Вывести созданный модуль на необходимой странице. Обновление 1) Загрузить ocdbanner.ver4.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer) 2) Зайти в модуль, ввести лицензионный ключ и пересохранить настройки. Внимание! Для произвольной сетки отключены следующие эффекты: Apollo, Jazz, Sarah, Romeo, Bubba, Marley, Oscar и Sadie. Для получения ключа лицензии оправьте на e-mail: [email protected] или посредством личных сообщений по месту покупки следующую информацию: 1) Номер заказа 2) Домен, на котором используется или будет использоваться модуль. Лицензия!1) Данный модуль реализуется по принципу: одна лицензия - один домен.2) Запрещена перепродажа модуля без согласия автора.3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля. С 15.05.2021 прекращен выход новых версий для ос2.1 Добавил klaos27 Добавлено 14.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации По запросу в ЛС По запросу на почту Ioncube Loader Нет ocStore 3.0 2.3 2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  

1000 14 Доступ к обновлениям: 300 руб. за 6 месяцев Доступ к обновлениям: 4.00 USD за 6 месяцев Скачать / Купить дополнение 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); 10) Можно выставлять статус для каждого слайда; 11) Можно задавать дату начала и окончания для каждого слайда; 12) Кнопка применить; 13) Мультиязычная ссылка; 14) Задавать тип ссылки для слайда; 14) Дополнительный класс для каждого слайда; 15) Можно как угодно редактировать заголовок через улучшенный редактор для каждого слайда; 16) Можно как угодно редактировать описание через улучшенный редактор для каждого слайда; 17) Для версии OpenCart исправляется баг с подключением файлов через include в шаблонизаторе twig. Данный модуль возможно выводить в разной части сайта. Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и 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 Нет ocStore 3.0 2.3.0.2.4 2.3 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 Обращение к серверу разработчика Нет  

Завантажити / Придбати розширення Видео на странице товара для OCPro 2.3 Unishop За основу был взят vqmod_product_video_tab_1.5.4.1.zip 1.4 от stalker780. Код переделан под то, что имеется в наличии а именно Unishop+Opencart.Pro 2.3.0.2.5 Как ставить - через установку модификаторов. После установки надо обновить кеш модификаторов. После этого в товаре появится вкладка - Видео(см. картинку) На youtube открываете нужное видео, под ним ищете "поделиться", выбираете "html код", выставляете размеры видео и копируете код из окошка. Должно получится что-то вроде: <iframe width="420" height="315" src="http://www.youtube.com/embed/gi3DHl1216U" frameborder="0" allowfullscreen></iframe> Примечание: Модуль создавался и проверялся на OpenCart 1.5.1.3 + vQmod 2.1.4 + default шаблон. был портирован и тестирован на связке OCPro 2.3, Unishop !!!Внимание!!! Каждый ролик должен быть внесен одной отдельной строкой. Иначе в закладке будет неправильно отображаться количество роликов. Модуль считает количество переносов "/n" в поле "youtube_code". В таком случае не важно в какой тег вы вставляете видео <iframe> <object> и пр. Модуль распространяется as is. Поддержку не оказываю. Если хотите отблагодарить - пишите в личку:) Автор splka долучення 10.11.18 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Звернення до сервера розробника  

Завантажити / Придбати розширення Видео в карточке товара Видео в карточке товара С помощью данного модуля можно любому дополнительному изображению товара привязать видео из youtube. Внимание!!! Модуль распространяется как есть. Никаких доработок, даже платных. Для OC версии 1.5 Архив содержит: vqmod файл video_in_product_oc1.5.xml - заливается в папку /vqmod/xml/ 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 1.5.5.1 Работа гарантируется на шаблоне default Для OC версии 2.x Архив содержит: OCMOD файл video_in_product.ocmod.xml - устанавливается стандартно для Opencart 2.x 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 2.x Работа гарантируется на шаблоне default Как это работает? На странице редактирования товара, во вкладке "изображения", выбираете картинку в качестве preview. Находите, или загружаете видео на видеохостинг Youtube, которое нужно разместить в карточке товара, копируете его идентификатор в поле "Youtube Video". Сохраняете изменения. Видео открывается при клике на изображение во всплывающем окне, видео и картинки перелистываются, так же работает сортировка. Демо! Для стандартного шаблона добавлен вывод превью к видео, если не выбрано дополнительное изображение: Автор mazein долучення 23.01.16 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.1 1.5.5.1.2 OpenCart.Pro, ocShop Звернення до сервера розробника Нет  

5 Завантажити / Придбати розширення CLD YouTube Data API v3 CLD YouTube Data API v3 - дополнение для OpenCart, облегчающее поиск видео для товаров. Благодаря этому модулю Вы сможете найти нужное видео с YouTube прямо в админ панели Вашего сайта, не переключаясь с карточки товара, выбрать видео и вывести его во Frontend. Доступные поля OpenCart для поиска*: Название, Модель, SKU, Location Доступные поля OpenCart для записи ID видео*: Location, SKU, UPC, EAN, JAN, ISBN, MPN * При необходимости будут добавлены поля OpenCart по запросу покупателей. Установка и использование: Лицензия: Тип лицензии на модуль - одна покупка = один домен и его поддомены. Перепродажа модуля, распространение, использование без оплаты лицензии, передача третьим лицам и прочие действия, нарушающие авторское право, запрещены. Техническая поддержка модуля осуществляется только покупателям, соблюдающим условия лицензии. Используется YouTube Data API v3. Автор дополнения не несет ответственности за: 1. Возможное снижение ежедневных(или иных) лимитов запросов к API со стороны сервиса Youtube; 2. Возможные ошибки в API со стороны сервиса YouTube. Дополнение будет обновляться и расширяться при появлении изменений в Data API v3. Автор cloudrc долучення 28.04.19 Категорія Модули Системные требования Метод активации Автоматическая активация Ioncube Loader Нет ocStore 3.0 2.3 2.2 2.1 1.5.5.1.2 1.5.5.1.1 1.5.5.1 OpenCart.Pro, ocShop Не проверялось Звернення до сервера розробника Да

Вставка видео с youtube или twitch на сайт довольно обычное дело. Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема... Когда iframe встроен непосредственно в разметку сайта, то как только начинается загрузка страницы и браузер видит iframe он начинает загружать видео и все ресурсы необходимые для работы плеера. Сайт начинает долго грузится и как не странно жутко лагать вплоть до зависания устройства с которого пользователь посетил сайт. Помимо этого анализ производительности pagespeed insights даже из-за одного видео проседает примерно на 15 пунктов и тут я с ним полностью солидарен, если на сайте стоит preloader, то пользователь вообще может не дождаться загрузки. Поскольку мне часто приходится иметь дело с такими проблемами я написал небольшой скрипт решающие основные задачи с которыми я сталкивался. Решения в интернете есть ведь идея не нова и проблема известна давно, но они достаточно топорные и сложно расширяемые. Возможно есть какие-то плагины, но к сожалению мне не попадались, да я и не искал. Скрипт написан на чистом js, так что его можно подключить к любому проекту. Demo: https://get-web.site/insertmedia.html Репозиторий на gitHub: https://github.com/get-web/insertmedia Чтобы начать использовать необходимо подключить скрипт: <script src="../src/insertmedia.js"></script> И вызвать его: document.addEventListener("DOMContentLoaded", function () { insertmedia(); }); Можно вызвать с опциями: document.addEventListener("DOMContentLoaded", function () { insertmedia({ delay: 300, // Задержка. default: 300ms immediately: true, // тип задержки true/false. Сразу или по очереди каждый "delay" милисекунд. default: true - сразу attr: 'data-insertmedia', // Атрибут с конфигурацией вставки. В блок с этим атрибутом будет вставляться наше видео или изображение. default: data-insertmedia }) }); Блоку в который будет вставляться видео мы добавляем атрибут с параметрами: data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }' Например для вставки видео с ютуба мы можем использовать такие настройки: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> Доступные опции: type*: тип вставляемого ресурса. На данный момент это: youtube , twitch , html5 , img src*: Ссылка на ресурс (видео,картинка..) например: https://example.com/img.jpg width: Ширина доступная для вставляемого типа ресурса height: Высота доступная для вставляемого типа ресурса setting: Настройки доступные для вставляемого типа ресурса (*) - Обязательно В общем идея достаточно проста, мы передаем тип ресурса и ссылку на него без параметров, а уже в setting передаются параметры доступные для данного типа ресурса. Например фрейм ютуба по умолчанию выглядит так: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Мы можем вставить его таким образом (не используя setting или передавая пустую строку "setting": "") : <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI" }'> </div> Но если мы, к примеру, хотим запустить видео автоматически и без звука, фрейм будет таким: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Как вы могли заметить к ссылке были добавлены необязательные параметры ?autoplay=1&mute=1 их мы и передаем в setting при использовании скрипта: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> То есть любые параметры описанные в документации к youtube вы можете использовать таким образом. Точно так же передаются параметры и другим типам ресурсов в зависимости от их API. Именно поэтому происходит разделение ссылки и параметров, чтобы можно было их интегрировать под любой тип и иметь возможность правильно составлять шаблоны для последующей вставки. Надеюсь я понятно объяснил и мой труд кому-то будет полезен. Если будут вопросы задавайте их тут. Пишите если что-то нужно добавить или исправить, или если хотите покритиковать. Источник: https://get-web.site/blog/javascript/43-insertmedia.html