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

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 Завантажити / Придбати розширення Нова версія Модуль вирішує проблему тривалого завантаження iframe з youtube та збільшує 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 навіть на обмеженому просторі підміна прев'ю на свої дозволить поставити потрібні вам зображення для відео та прикрасити сайт Щоб не було чорних смуг, можна поставити заставки до відео на каналі youtube або завантажити свої в папку модуля. 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 стилі кастомізувати прев'ю як нам завгодно. ВАЖЛИВО! Рекомендую використовувати режим POPUP для кращої сумісності з шаблонами, розміткою та адаптивністю відео. ВСТАНОВЛЕННЯ відео вставновлення (Тільки тут фікс не потрібен, інше - так само) Через установник в адмінці завантажуєте архів модуля ocmod для своєї версії опенкарт. Для версій 2.x переконайтеся, що у вас вже встановлено модифікатор localcopy. ocmod, якщо його немає – встановіть. PS. Для редактора CKeditor при вставці в режимі коду деяких тегів, у тому числі iframe, редактор їх чистить. У такому випадку робимо фікс: в admin\view\javascript\ckeditor\config. js після рядка config. resize_enabled = false; прописати config. allowedContent = true; Важливо: При використанні версії 2.0 модуля та модуля Accordion & Tabs переконайтеся, що Accordion & Tabs у вас версії 2.1.1, де випралена проблема сумісної роботи цих модулів. ОНОВЛЕННЯ до версії 2.0: 1. Видалити модифікатор старої версії модуля Youtube lazy load and popup 2. Оновити модифікатори 3. Встановити архів нової версії як звичайне доповнення через установщик 4. У списку розширень видалити модуль та встановити заново ЛІЦЕНЗІЯ Ліцензія видається на один домен. Також при необхідності на тестовий піддомен. Ключ буде надіслано автоматично на пошту покупця одразу після вашого замовлення. Якщо з якоїсь причини листа немає - пишіть на пошту чи лс. ПРОХАННЯ ВКАЗАТИ ДОМЕН ВІДРАЗУ ПРИ КУПІВЛІ Також дивіться модулі: Accordion & Tabs & Steps v2 - конструктор контенту Smart Video Widgets - відео в фоні, банера, зображення, сповіщення з налаштуванням умов показу Google Reviews - відгуки з гугл карт (Google Business) з віджетом довіри + відгуки про товари Grapes Web Builder - більше ніж візуальний редактор Автор Seriusis долучення 12.11.20 Категорія Модули 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.х Звернення до сервера розробника Нет

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