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

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

36 Скачать / Купить дополнение Добавил S_A_P Добавлено 03.03.2021 Категория Социальные сети Ioncube Loader Требуется ocStore 3.0 2.3.0.2.4 2.3 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Да

Завантажити / Придбати розширення YouTube видео товара [OC 2.3, 3.0] Модуль скорее всего потребует адаптации под Ваш шаблон. Кнопки "Видео товара" и "Закрыть" скорее всего будут отличаться от того что Вы видите в дэмо и на скринах, и зависит от Вашего шаблона. Применение. После установки модуля, в админке, в редактировании товара появится вкладка "Видео", в которой есть возможность вставить ссылку на видео YouTube, а так же есть возможность предварительного просмотра видео в модальном окне. В настройках модуля есть возможность настроить вывод видео двумя способами: "Кнопка + Модальное окно" и "Вкладка". Как это выглядит - можно посмотреть на скриншотах и в демонстрации. Демонстрация: Карточка товара (Кнопка + Модальное окно) -- Кнопку можно расположить где угодно! Редактирование товара Настройки модуля Логин/пароль: demo/demo Дополнение тестировалось на Opencart/ocStore 2.3, 3.0. Дополнение устанавливается через ocmod. Надеюсь, дополнение поможет Вам сделать Вашу карточку товара информативнее. Пожелания по развитию модуля можно высказать в теме поддержки дополнения. Автор TeslaFeo долучення 19.09.19 Категорія Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 3.0 2.3.0.2.4 2.3 OpenCart.Pro, ocShop Не проверялось Звернення до сервера розробника Нет  

14.45 Завантажити / Придбати розширення Відео з YouTube у картці товару Модуль дозволяє показувати у картці товару відео з ютуб у поп-ап вікні. Тобто відео не навантажує сторінку при її завантаженні, так як би відео вставили в опис товару. А підвантажується лише в момент натискання на іконку відео. Приклад посилання на відео: https://www.youtube.com/watch?v=aqYOt1s2UCs Не працює з Shorts! Встановлення: 1. Завантажуєте архів, що відповідає вашій версії opencart/ocstore 2. Установка проводиться стандартним способом через Доповнення->Установка доповнень 3. Після встановлення, перейдіть в менеджер додатків та оновіть кеш. 4. Для opencart 3, активуйте (натисніть плюсик, встановити) модуль у додатках/розширеннях. 5. Далі можна йти в товар та додавати відео. Модуль адаптований до дефолтного шаблону. З великою ймовірністю відео в картці не буде відображатися, якщо у вас інший шаблон. Готова адаптація до шаблонів: Default UltraStore (opencart 3..) (адаптація для opencart 2 безкоштовно) Що ви можете зробити: 1. Зайти в редагування модифікатора, подивитися до чого йде прив'язка шаблону (<ul class="nav nav-tabs">) для виведення відео і поправити під свій шаблон. 2. Повернеться до мене в особисті повідомлення за адаптацією. Також за доробками модуля за вашими бажаннями також можете писати в личку. Автор Seofisher долучення 16.04.22 Категорія Слайдшоу, баннеры, галереи 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.х Звернення до сервера розробника Нет  

Доброго времени суток, проблема такова, вставляю в описание товара iframe с youtube, при первом сохранении он его отображает, но если зайти и изменить описание товара сам iframe пропадает, в чем может быть проблема ?

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 Не проверялось Обращение к серверу разработчика Нет  

750 10 Скачать / Купить дополнение Видео на странице товара Продажа и поддержка на данном ресурсе остановлены. Ищите данный модуль на других площадках. === Модуль для добавления видео с YouTube в карточку товара. Другие сервисы, а также загрузка видео на сервер сайта не поддерживаются. Продуманность: чтобы добавить видео достаточно вставить ссылку на ролик адаптивность, плеер подстраивается под размеры родительского блока при размещении во вкладке плеер не создаёт нагрузку на страницу сохранение оригинального превью видео для использования на сайте получение оригинального названия видео с возможностью изменения автоматическая смена плеера на миниатюры при наличии дополнительных видео автоматическое создание/восстановление отсутствующих превью возможность импорта в базу данных через шаблон-строку Изменяемые опции: 5 вариантов расположения видео на странице 4 размера: на всю ширину / 640px / 853px / миниатюра и всплывающее окно позиция видео перед или после изображений название видео: при наведении / под миниатюрой иконка в списке каталога о наличии видео с подсказкой открыть видео в списке товаров количество видео в изображениях: одно / все (opencart 3) Модуль адаптирован на работу с шаблонами, указанными ниже. Если на вашем шаблоне модуль работает некорректно или его нет в списке, то обратитесь за помощью к разработчику. Первая адаптация под вашу тему бесплатна. В этом случае от вас понадобится доступ к FTP и админке сайта. Установка модуля с помощью автора +150 руб / оплатить установку Готовые адаптации под шаблоны Opencart 2: anystore, aurus, barbaratheme, bestshop, boocity, butik, casualbag, coloring, cosyone, cyberstore, cyberwire, emarket, fashionmart, fastfood, fastor, fiji, fractal, journal2, journal3, julytheme, lightshop, logancee, luxury, magazin, mediastore, modern, moneymaker2, newstore, onlytemplate, pav_moby, pixelshop, revolution, royal, sagitta, silvers, so-emarket, sstore, techboom, techstore, theme714, tt_urani, unishop, unitystore, zendtheme Готовые адаптации под шаблоны Opencart 3: aurus, bodysport, cyberstore, emarket, fortsi, ft_frame, grand, grandstore, jewelry, journal3, lightshop, madeshop, moda1, modern, newstore, oct_feelmart, oct_remarket, oct_ultrastore, onlytemplate, revolution, royal, smart, so-kstore, so-furnicom, storeflex, technics, tt_plantmore, tt_sinrato, unishop2, yoga, zeexo Архив комплектуется только адаптацией под стандартную default тему. Для получения одной бесплатной адаптации под ваш шаблон из списка выше пишите в ЛС. Актуальность готовых адаптаций поддерживается по мере обращений в случаях их некорректной совместимости, например, при обновлении шаблона его автором. Не совместим с шаблонами: Pavilion (BurnEngine) Иногда решающее значение перед покупкой товара в интернет магазине имеет его детальный видеообзор, который снимает долю сомнений покупателя в выборе того или иного товара, тем самым помогая ему быстрее определиться и сделать заказ. Данный модуль поможет вам в этом. Демо с несколькими видео Демо с одним видео Системные требования к хостингу: php 5.5 и выше + ionCube Loader Если вы не знаете состояние этих параметров, то скачайте модификатор и следуйте инструкции. Ключ активации высылается по запросу в личные сообщения. В запросе укажите: название используемого шаблона версия opencart Обратите внимание! Тестовый сайт может быть только поддоменом основного сайта, техническим доменом хостинга или папкой с сайтом на локальном сервере без точки в названии. Дополнительная информация: Закрыт только код контроллера настроек модуля. Соединение с внешним сервером не используется. Недействительный ключ активации к ошибкам в работе сайта не приводит. Всем сайтам, уличённым в установке нелегальной копии будет отказано в поддержке по всем модулям автора, также они будут лишены обновлений. То есть покупая один модуль и установив бесплатно другой - вы теряете поддержку по обоим. Поэтому, если вы заказчик и подбираете модули для своего сайта, то просите у вашего разработчика отчёт о покупке модуля, без этой информации по запросу автора вы также не сможете получать поддержку и обновления. Автор предоставляет модуль в том виде, в котором он представлен. Доработки, дополнения, расширение функционала модуля на заказ автор не выполняет. Исключение составляют только найденные ошибки, некорректная работа модуля по месту установки и возможный учёт пожеланий для будущих версий. История предыдущих версий: Добавил xprolance Добавлено 04.07.2016 Категория Слайдшоу, баннеры, галереи Системные требования php 5.5 и выше, ionCube Loader, VQMOD (для opencart 1.5), cURL (бывает выключен на бесплатных хостингах) Метод активации По запросу в ЛС Ioncube Loader Требуется ocStore 3.0 2.3.0.2.4 2.3 2.1 1.5.5.1.2 1.5.5.1.1 1.5.5.1 1.5.4.1.2 1.5.4.1.1 1.5.4.1 1.5.3.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х OcShop 1.5.6.4.х Обращение к серверу разработчика Нет

Многие сейчас в карточке товара используют видео ролики о товаре. Видео о товаре предоставляется самими производителями. Замечаю что некоторые магазины создают свои Youtube каналы и copy-paste все видео на свой канал. Соответственно в описаниях товаров размещают уже ссылки на свой канал. Подскажите, может это дает какой то бонус для гоогла что магазин имеет свой посещяемый ютуб канал?

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

HTML: <div id="video"> <div class="videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/Zph3K-----" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> </div> </div> CSS: #video { max-width: 560px; margin: 0 auto; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Вставка видео с 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

Есть ли отрицательное влияние от размещения в карточках товаров чужих видеообзоров с youtube (не от магазинов естественно а от покупателей)?

Завантажити / Придбати розширення Video from YouTube Field in Product Ранних версиях ocStore 2.1.0.1+ наблюдается такая проблема если в описании при редактировании исходного кода добавить <iframe> с видео YouTube, то при следующем редактировании CKeditor вырезает из кода тэг <iframe> Данное дополнение позволяет решить эту проблему и вставить видео в карточку товара сразу после описания. В Админе в Разделе Данные при редактировании или добавлении товара появится дополнительное поле Ссылка на видео YouTube. В него необходимо вставить ссылку на видео и задать ширину и высоту. Работает на стандартном шаблоне, но по логике будет работать на многих шаблонах, так как видео вставляется после вывода описания - <?php echo $description; ?></div> Делал для своего удобства - выкладываю для общего пользования. Автор artemmc долучення 05.11.17 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.2 2.1 OpenCart.Pro, ocShop Не проверялось Звернення до сервера розробника  

Здравствуйте, хочу для каждого товара выводить в карточке допустим видеообзор, если делать как предлагает youtube <iframe allowfullscreen="" frameborder="0" height="315" src="xxx" width="420"> читал что использование iframe может повлиять на индексацию сайта, вплоть до вылета страниц из индекса и iframe еще передает вес. Это правда? Как тогда можно вставлять видео в карточки товаров без вреда сайту?

В новостях сегодня промелькнуло: Народ, отписывайтесь доступ есть/нет?

Задача очень простая но не помню как сделать! на сайте стоновил ролик с ютуба! после просмотра выходит всякие ролики как сделать так чтобы они не выходили пример на картинке спасибо

Взял за основу Product Details Embed Code Tab v1.5.x.x (vQmod), который не завелся с 1.5.5.1.1, и переделал для себя, пока не до конца, поскольку кол-во отображаемого видео показывается неверно. Вдруг кому пригодится. vqmod_product_details_embed_code_tab.xml

Есть ли модули, чтобы на главной странице были иконки аськи, скайпа ?