Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Video from YouTube Field in Product


Ранних версиях ocStore  2.1.0.1+ наблюдается такая проблема если в описании при редактировании исходного кода добавить <iframe> с видео YouTube, то при следующем редактировании CKeditor вырезает из кода тэг <iframe>

 

Данное дополнение позволяет решить эту проблему и вставить видео в карточку товара сразу после описания.

 

В Админе в Разделе Данные при редактировании или добавлении товара появится дополнительное поле Ссылка на видео YouTube.

В него необходимо вставить ссылку на видео и задать ширину и высоту.

 

Работает на стандартном шаблоне, но по логике будет работать на многих шаблонах, так как видео вставляется после вывода описания - <?php echo $description; ?></div>

Делал для своего удобства - выкладываю для общего пользования.


  • Добавил
  • Добавлено
    05.11.2017
  • Категория
  • Системные требования
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
    2.1
    2.0
  • ocStore
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось
  • Обращение к серверу разработчика

 

Link to post
Share on other sites

А не лучше в шаблоне прописать 

//youtube.com/watch?v=<?php echo $youtubelink; ?>

и хранить в базе только id видео, чем полную ссылку?)

Link to post
Share on other sites
17 hours ago, cloudrc said:

А не лучше в шаблоне прописать 


//youtube.com/watch?v=<?php echo $youtubelink; ?>

и хранить в базе только id видео, чем полную ссылку?)

Первый вариант был такой, только id хранил, но для контент менеджера не сильно удобно id только выделять, плюс он может быстро скопировать ссылку из админки вставить в браузер и посмотреть то ли видео он вставляет

Edited by artemmc
Link to post
Share on other sites
16 hours ago, Matvei said:

может у него в тпл  прописан Iframe код и можно выводить  видео и с других видео хостингов 

тип такого  <iframe width="100%" height="360" src="<?php echo $product_video['link']; ?>" frameborder="0" allowfullscreen></iframe>

<iframe width="<?php echo $video_width;?>" height="<?php echo $video_height;?>" src="https://www.youtube.com/embed/<?php echo $video;?>" frameborder="0" allowfullscreen></iframe>

Нет, просто ссылку вставить не удастся все равно я вытягиваю id из нее

Link to post
Share on other sites
  • 6 months later...

При наличии видео все в порядке, но если его нет, появляется ошибка 

Notice: Undefined index: query in ... /system/storage/modification/catalog/controller/product/product.php on line 282

Notice: Undefined index: v in ... /system/storage/modification/catalog/controller/product/product.php on line 283

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By Seriusis
      800 11
      Скачать/Купить дополнение


      YouTube lazy load & popup - оптимизация и кастомизация iframe, увеличение page speed
      Модуль решает проблему долгой загрузки iframe с youtube и увеличивает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение видео в popup, установка своих превью на видео, установка произвольной иконки "play",
       
      Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi.
       
      ЗАЧЕМ
      Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый 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
       
      Админка https://oc23.likedev.pro/admin/   логин/пароль: demo/demo
       
       
      Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.
       
      ВОЗМОЖНОСТИ
      видео по клику на превью всплывающеее окно с видео по клику на превью произвольные изображение для превью выбор размера превью установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css возможно указать пути для исключения работы модуля поля для камтомных стилей и js  
       
      ОСОБЕННОСТИ
      будет работать на всех шаблонах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код  
      ПРИМЕНЕНИЕ
      увеличение скорости загрузки и в результате лучший показатель page speed кастомизация внешнего вида видео превью вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт  
      ВАЖНО!  Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео.
       
      УСТАНОВКА
       
      видео установки
      (только тут фикс не нужен, остальное - так же)
       
      Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 
      Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
       
       
      ЛИЦЕНЗИЯ 
      Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Для получения ключа обращайтесь в лс или на почту seriusisu@gmail.com, сразу указывайте данные о покупке: номер заказа и домен
      Теперь ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс.
       
      Приветствую дельные предложения по развитию и расширению модуля.
       
      ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ
       
      Также смотрите модули:
      Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content
       

       
      Добавил Seriusis Добавлено 12.11.2020 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 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.х Обращение к серверу разработчика Нет  
    • By Seriusis
      Модуль решает проблему долгой загрузки iframe с youtube и увеличивает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение видео в popup, установка своих превью на видео, установка произвольной иконки "play",
       
      Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi.
       
      ЗАЧЕМ
      Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый 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
       
      Админка https://oc23.likedev.pro/admin/   логин/пароль: demo/demo
       
       
      Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.
       
      ВОЗМОЖНОСТИ
      видео по клику на превью всплывающеее окно с видео по клику на превью произвольные изображение для превью выбор размера превью установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css возможно указать пути для исключения работы модуля поля для камтомных стилей и js  
       
      ОСОБЕННОСТИ
      будет работать на всех шаблонах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код  
      ПРИМЕНЕНИЕ
      увеличение скорости загрузки и в результате лучший показатель page speed кастомизация внешнего вида видео превью вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт  
      ВАЖНО!  Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео.
       
      УСТАНОВКА
       
      видео установки
      (только тут фикс не нужен, остальное - так же)
       
      Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 
      Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
       
      PS. Для редактора CKeditor при вставке в режиме кода некоторых тегов, в т.ч и iframe, редактор их чистит.  В таком случае делаем фикс : 
      в admin\view\javascript\ckeditor\config.js
      после строки 
      config.resize_enabled = false;
      прописать 
      config.allowedContent = true;
       
       
       
      ЛИЦЕНЗИЯ 
      Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Для получения ключа обращайтесь в лс или на почту seriusisu@gmail.com, сразу указывайте данные о покупке: номер заказа и домен
      Теперь ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс.
       
      Приветствую дельные предложения по развитию и расширению модуля.
       
      ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ
       
      Также смотрите модули:
      Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content
       

       
    • By mazein
      Скачать/Купить дополнение Видео в карточке товара
      Видео в карточке товара
      С помощью данного модуля можно любому дополнительному изображению товара привязать видео из 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 Добавлено 22.01.2016 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.1
      1.5.5.1 ocStore 2.1
      1.5.5.1.2 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By mazein
      Скачать/Купить дополнение Видео в карточке товара
      Видео в карточке товара
      С помощью данного модуля можно любому дополнительному изображению товара привязать видео из 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.2016 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.1
      1.5.5.1 ocStore 2.1
      1.5.5.1.2 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By splka
      Скачать/Купить дополнение Видео на странице товара для 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.2018 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.