Jump to content
Sign in to follow this  
mazein

[Поддержка] Видео в карточке товара

Recommended Posts

Видео в карточке товара


Видео в карточке товара


Видео в карточке товара

С помощью данного модуля можно любому дополнительному изображению товара привязать видео из youtube.

 

Внимание!!!

Модуль распространяется как есть. Никаких доработок, даже платных.

 

Для OC версии 1.5

Архив содержит:

vqmod файл video_in_product_oc1.5.xml - заливается в папку /vqmod/xml/

2 картинки, заливаются на хостинг

Протестировано и реализовано для: ocStore 1.5.5.1

Работа гарантируется на шаблоне default

 

video_in_product_1.jpg

Для OC версии 2.x

Архив содержит:

OCMOD файл video_in_product.ocmod.xml - устанавливается стандартно для Opencart 2.x

2 картинки, заливаются на хостинг

Протестировано и реализовано для: ocStore 2.x

Работа гарантируется на шаблоне default

 

Как это работает?

На странице редактирования товара, во вкладке "изображения", выбираете картинку в качестве preview.

Находите, или загружаете видео на видеохостинг Youtube, которое нужно разместить в карточке товара, копируете его идентификатор в поле "Youtube Video".

Сохраняете изменения.

Видео открывается при клике на изображение во всплывающем окне, видео и картинки перелистываются, так же работает сортировка.

Демо!

video_in_product_5.jpg

Для стандартного шаблона добавлен вывод превью к видео, если не выбрано дополнительное изображение:

video_in_product_6.jpg


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

 

Share this post


Link to post
Share on other sites

Купил не работает на 1,5,5,1,2 на шаблоне univer.  

Помогите исправить плиз.

Share this post


Link to post
Share on other sites

С AVA Store будет работать?

Share this post


Link to post
Share on other sites

С AVA Store будет работать?

 

Скорее всего нет, если в шаблоне используется другой, отличный от default, вывод дополнительных картинок.

В default он выглядит так:

<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

Share this post


Link to post
Share on other sites

Жаль :(

 

Ну это же не значит, что нельзя допилить под шаблон, смотреть надо, у меня шаблона AVA Store нет.

Share this post


Link to post
Share on other sites

marlen, у всех разное представление о симпатичности.

А сделать можно, за подробностями в личку.

Share this post


Link to post
Share on other sites

Ну это же не значит, что нельзя допилить под шаблон, смотреть надо, у меня шаблона AVA Store нет.

Это можно решить :)

Share this post


Link to post
Share on other sites

post-704002-0-74146900-1455295602_thumb.pngЗдравствуйте .купил ваш модуль. не работает. что делаю не так ?

Share this post


Link to post
Share on other sites

Я не обещал работу на отличных от default шаблонах в силу того, что не могу предугадать реализацию вывода дополнительных изображений на них.

Могу допилить за деньги, обращаться в личку.

Share this post


Link to post
Share on other sites

Добрый день, скажите а в версии Ocstore 1.5.3.1 будет работать?

Возможна ли работа и установка без Вкмода?

 

Спасибо.

Share this post


Link to post
Share on other sites

Работу на 1.5.3.1 я не проверял.

Да, установка без vqmod возможна, нужно править файлы.

Share this post


Link to post
Share on other sites

Отлично придумано. Правда, в базу поле вручную лишь добавилось :) Добавьте инструкцию по установке - лишней не будет.

Share this post


Link to post
Share on other sites

Вручную это как?

sql запросом в phpmyadmin

Share this post


Link to post
Share on other sites

Странно, по идее колонка в базу добавляется автоматом при входе в карточку товара, и выполнении функции getProducts($data = array()) {

Сколько раз не проверял, на чистом движке всё работает нормально.

Share this post


Link to post
Share on other sites

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

no_image.jpg

Edited by mazein

Share this post


Link to post
Share on other sites

спасибо автору модуля, очень толковый человек, модуль отлично работает да и с другими косяками на сайте помог за доплату. 

Share this post


Link to post
Share on other sites

Купил для шаблона MoneyMaker2 v.2.1.4 
Стоит на ocStore-2.3.0.2
работает отлично хотя у автора максимум для версии opencart 2.1.0.2
но все работает гуд

Вот как это выглядит у меня


Для тех кто не догадался как установить. Мини Инструкция
1 сначала заливаем две картинки на сайт по пути которые и так есть у автора в файлах к этому модулю
   находятся они в папках admin и catalog. Заливаем так же как указано в этих папках

2 в админке переходим в дополнения - установка дополнений
   выбираем файл Оканчивающийся на ... video_in_product.ocmod.xml (название файла зависит от вашего шаблона и OS)

3 После установки топаем в менеджер дополнений и нажимаем кнопочку обновить
   
Затем топаем в карточку создания продукта и радуемся появившимся полям для вставки индикатора видео с ютуба

Кому помогло жмем на кнопку ВВЕРХ

Кстати нашел фишку как сделать так чтобы не загружался значок для скачивания видео от SefeFromNet 
2017-01-15_145429.jpg
Если интересно пишите в личку 

Edited by infopartizan

Share this post


Link to post
Share on other sites

у автора максимум для версии opencart 2.1.0.2

Для стандартного шаблона есть для версии 2.3, будьте внимательнее.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Sunser
      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).
       
      Данный модуль возможно выводить в разной части сайта.
      Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и svg;
      Так же все настройки можно менять на уровне кода под себя, если вы разработчик.
       
      Проблемы и исправление модуля:
      1. Я установил модуль и не могу загрузить видео или svg - такое обычно случается, когда модификатор который идет в комплекте с модулем не находит совпадения в файлов системе вашего сайта и из-за этого модуль не срабатывает. Такое случается если вы на своем сайте редактировали файлы, к которым обращались модификаторы.
      2. Я установил модуль, но у меня появились ошибки или не работает загрузка изображений или же сам сайт после установки выбил ошибку - такая ошибка относится к 1 пункту, описанного сверху. То есть при установке модуля, модификатор, мог не правильно прописать свои настройки из-за того что файлы к которому он обращается правились. Это не страшно и можно легко исправить;
      -- Все это можно исправить, написав автору или если вы сами разбираетесь в работе модулей и модификаторов.
       
      Примечание.
      - После загрузки на видео не отображается изображение, потому не стоит пугаться.
      - Для корректного отображения видео на слайдере стоит использовать 2 формата видео, это mp4 и webm. Поскольку если загрузить одно из расширений, в каком-то браузере видео может не заработать.
      - После того как в модуле вы выбираете видео, и ничего не отображается, не стоит пугаться. После сохранения модуля, на слайдах покажет выбранное видео его названием.
      - Если у вас на сайте уже есть возможность загружать видео или svg. То в таком случае, напишите автору и он выдаст модификатор под ваш сайт.
      - Если же у вас сайт поддерживает и видео и svg, то после установки модуля, удалите модификатор данного модуля и обновите модификаторы.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля или вам нужно доработать модуль для личных целей, пишите в личное сообщение данного сервиса, после чего я вам обязательно отвечу.
       
      Будьте внимательные к описанию данного модуля, его характеристикам и скринам приложенным к нему перед приобретением модулям. Если же вам что-то не понятно или есть вопросы перед приобретением, можете написать автору модуля и уточнить свои вопросы к данному модулю
       
       
       
      Другие модули автора:
      Sunser Callback - форма обратной связи
      Ease description - модуль упрощенного описания
      Sunser map - кастомная карта для сайта
      Content manager – модуль учета контента.
      Subscribe_pro - улучшенная подписка на новости
      Sitemap generator - генератор статической карты сайта
    • By Sunser
      450.00 руб
      Скачать/Купить дополнение


      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).
       
      Данный модуль возможно выводить в разной части сайта.
      Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и 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 Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 0  
    • 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 даже на ограниченном пространстве подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт  
      УСТАНОВКА
       
      видео установки
      (только тут фикс не нужен, остальное - так же)
       
      Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 
      Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
       
       
      ЛИЦЕНЗИЯ 
      Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Для получения ключа обращайтесь в лс или на почту [email protected], сразу указывайте данные о покупке: номер заказа и домен
       
      Приветствую дельные предложения по развитию и расширению модуля.
       
      Также смотрите модули:
      Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content
       

       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.