Как в OpenCart добавить видео. Opencart видео
Как в OpenCart добавить видео
От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как в OpenCart добавить видео.
Итак, давайте рассмотрим в этой статье варианты добавления видео в OpenCart. К примеру, на сайте есть стандартная страница О нас, давайте добавим видео в нее. Для этого в админке идем в меню Каталог – Статьи и открываем для редактирования искомую статью.
На панели редактора можно найти иконку добавления видео:
Клик по иконке откроет модальное окно, в котором нам предлагают вставить ссылку на страницу с видео. Я возьму видео с нашего канала YouTube и скопирую ссылку на него.
Интернет-магазин на OpenCart!
Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!
Приступить к созданию
Остается лишь нажать на кнопку Вставить видео и сохранить статью. В результате мы увидим добавленное видео на странице статьи.
Не сложно, не так ли? Однако, на самом деле такой простой вариант вряд ли подойдет большинству сайтов, поскольку вставленное видео не является адаптивным. Если сейчас начать уменьшать окно браузера, то в определенный момент появится горизонтальный скролл.
Чтобы видео стало адаптивным, нам потребуется специальная разметка фреймворка Bootstrap, код которой можно найти в документации. Сформируем нужный нам код:
<div> <iframe src="//www.youtube.com/embed/IPxhhFDAiPw"></iframe> </div>
<div> <iframe src="//www.youtube.com/embed/IPxhhFDAiPw"></iframe> </div> |
Остается лишь вставить этот код в статью. Сделать это нужно в редакторе в режиме кода. Для перевода редактора в режим кода кликаем по соответствующей иконке на панели редактора и вставляем код.
После вставки кода возвращаем редактор в стандартный режим, видео при этом должно отобразиться в редакторе, как и ранее. Сохраняем статью и проверяем изменения на сайте. Если все сделано верно, то видео должно быть адаптивным.
Так и есть, никакого скролла нет, мы вставили видео с Ютуба и оно адаптивно. На этом сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.
Интернет-магазин на OpenCart!
Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!
Приступить к созданию
OpenCart: быстрый старт, первые результаты
Создайте свой первый интернет-магазин на OpenCart с полного нуля!
Получитьwebformyself.com
Youtube Видео Галерея - Модуль Для Opencart | Модули, Шаблоны, Движки
С годами YouTube превратился не просто развлекательный канал для полноценный бизнес-инструмент. В настоящее время это один из быстрых и самых универсальных способов приобретения дополнительного трафика и прибыли.★★★ проверить демо ★★★
почему упустить эту возможность увеличения ваших продаж, и поощрения себя в Интернете, когда вы можете установить модуль OpenCart YouTube, чтобы получить славу и счастье?
Богатый выбор настраиваемых функций и стильный внешний вид, в сочетании с фантастической видео содержание будет вам на вершину в никаком времени на всех!
Основные характеристики
- Использует различные типы источников: YouTube каналов, плейлисты и видео
- Позволяет сочетать различные виды источников в одной галерее
- Позволяет неограниченное количество источников
- Позволяет отображать содержимое как канал YouTube или Галерея
- Поддерживает AdSense
- Параметр оптимизации мобильных делает вашу галерею полностью адаптированы для любого устройства, с настольного компьютера на мобильный телефон
- Предлагает 4 стандартных цветовых схем, 60 вариантов цвета, чтобы создать свою собственную цветовую схему
- Поддержка нескольких языков
- Генератор кода – все, что вам нужно сделать, чтобы установить, настроить виджет, получить код и добавить его в ваш веб-сайт
- Автоматическое обновление
- Вы человек, который решает, какую информацию представить для ваших посетителей, выбрав отображение вариантов для заголовка, просмотр видео и popup
- Позволяет задать размеры галерея, убедитесь, что плагин выглядит просто прямо на вашей веб-странице
- 3 различных видео макетов на выбор
- 3 различных заголовка макетов на выбор
- 3 видео режимы отображения
- Некоторые элементы навигации, чтобы выбрать из
Elfsight Apps это облачная служба, что функции приложений для расширения и диверсификации функциональности вашего веб-сайта (например, Instagram канал YouTube галерея, доля кнопки и другие).
Этот плагин выступает в качестве моста между вашим сайтом OpenCart и Elfsight приложения службы, соединяющий два вместе. Он принимает виджет, который вы настроили в Elfsight приложения и отображает его прямо на вашем веб-сайте.
Если вы не зарегистрированы Elfsight Apps, вы можете подписать вверх для свободного и только займет около минуты.
Установки в 1-2-3
этой OpenCart YouTube видео модуль невероятно прост в установке. После загрузки расширения zip, вам нужно установить его на вашем сайте OpenCart, создать и настроить виджет и копировать вставить свой код в любой страницы или шаблона веб-сайта. Подробнее читайте в нашем подробное руководство.
lowenet.biz
Видео на странице товара OpenCart (ОпенКарт) и ocStore
| Совместимость | OpenCart 1.5.4.1, OpenCart 1.5.5.1, OpenCart 1.5.6, OpenCart 1.5.6.1, OpenCart 1.5.6.2, OpenCart 1.5.6.3, OpenCart 1.5.6.4, OpenCart 2.0, OpenCart 2.1, OpenCart 2.2, OpenCart 2.3, OpenCart 3.0, OCStore 1.5.4.1, OCStore 1.5.5.1, OCStore 1.5.5.1.1, OCStore 1.5.5.1.2, OCStore 2.1, OCStore 2.3, OcShop 1.5.6.4.х, Opencart.pro 2.0.3.х, Opencart.pro 2.1, Opencart.pro 2.3 |
Чтобы добавить видео к товару, достаточно указать ссылку на ролик. При размещении в дополнительных изображениях, видео открывается во всплывающем окне и листается вместе с картинками. При размещении видео во вкладке и описании, плеер адаптивный, подстраивается под размеры окна вкладки.
Если в товар добавляется больше одного видео*, то во вкладке вывод плеера сменяется на вывод миниатюр всех видео, при клике на которые, видео открываются во всплывающем окне, их также можно листать стрелками в нём, так же как картинки. В дополнительных изображениях выводится только заглавное видео, остальные попадают во вкладку вместе с заглавным.
При добавлении видео, также подтягивается и сохраняется его оригинальное название, которое в последствии появляется при наведении мышкой на миниатюру видео на сайте. При желании название роликов можно заменить на своё.
Прямой импорт из CSV или XML файла без сохранения карточки товара в административной части не поддерживается.
* только в OpenCart 2 и OpenCart 3
==========
Модуль протестирован и отлично работает на стандартном шаблоне. Если на вашем этого не произошло - пишите в личку, первая адаптация под ваш шаблон бесплатна. Последующие адаптации под тот же домен - 150р. В этих случаях от вас понадобятся доступы к FTP и админке.
Установка модуля под ключ +150 руб / оплатить установку
==========
Готовые адаптации под шаблоны OpenCart 2: coloring, moneymaker2, newstore, revolution, unishop, pixelshop, fractal, royal, luxury, lightshop, magazin, modern, fastor, fastfood, sstore, journal2, techstore
Готовые адаптации под шаблоны OpenCart 3:bodysport, unishop2Архив комплектуется только адаптацией под стандартную default тему. Для получения одной бесплатной адаптации под ваш шаблон из этого списка пишите в ЛС.Не совместим с шаблонами: Pavilion (BurnEngine)
==========
Иногда решающее значение перед покупкой товара в интернет магазине имеет его детальный видео обзор, который снимает долю сомнений покупателя в выборе того или иного товара, тем самым помогая ему быстрее определиться и сделать заказ. Данный модуль поможет вам в этом.
==========
Для работы модуля необходимо php 5.5 и выше + включённый ionCube Loader и cURL на хостинге Если вы не знаете состояние этих параметров, то скачайте модификатор и следуйте инструкции.
Ключ активации модуля можно получить через личное сообщение, указав сайт, где будет использоваться модуль, а также название шаблона. Тестовый домен может быть только поддоменом основного сайта или папка на локальном сервере без точки в названии.Закрыт только контроллер настроек модуля. Соединение с внешним сервером не используется. Недействительный ключ активации к ошибкам в работе сайта не приводит.
Всем сайтам, уличённым в установке нелегальной копии будет отказано в поддержке по всем модулям автора, также они будут лишены обновлений. То есть покупая один модуль и установив бесплатно другой - вы теряете поддержку по обоим.
Поэтому, если вы заказчик и подбираете модули для своего сайта, то просите у вашего разработчика отчёт о покупке модуля, без этой информации по запросу автора вы также не сможете получать поддержку и обновления.
Автор предоставляет модуль в том виде, в котором он представлен. Доработки, дополнения, расширение функционала модуля на заказ автор не выполняет. Исключение составляют только найденные ошибки, некорректная работа модуля по месту установки и возможный учёт пожеланий для будущих версий.
==========
Демо с несколькими видео
Демо с одним видео
Видео ==========
Поддержка по модулю
v29 - исправлена ошибка в модуле при сохранении товара с незаполненными обязательными полямиv28 - мелкие правки и доработки
v27 - добавлен фикс для magnific popup из-за дёргающегося видео в новых версиях chrome
v26 - добавлена возможность добавлять общий текст перед всеми видео во вкладке - загрузка плеера с видео во вкладке переведена в режим "до востребования" - исправлена проблема с низким качеством превью в плеере во вкладке * в виду этого обновлены все адаптации для шаблонов
v25 - добавлена опция размещения видео в описании товара - добавлена опция выбора размера видео во вкладке и описании
v24 - автоматизирована установка - настройки вынесены в модуль
v23 Улучшения в административной части: - добавлены превью для дополнительных видео - добавлена кнопка для перехода к видео на youtube
v22 - добавлена поддержка opencart 3 для default темы
v21 - добавлена адаптация для темы sstore
v20 - добавлена адаптация для темы fastor
v19 - обновлена адаптация для темы fractal - добавлена адаптация для темы magazin
v18 - исправление ошибок - изменение в установке рекомендуется обновиться
v17 - мелкие правки - добавлена адаптация для шаблона unishop
v16 - поправлена ошибка при копировании товаров
v15 - поправлен мелкий баг в административной части - добавлены адаптации
v14 - мелкие исправления
v13 - основное видео перенесено во вкладку "Видео" в административной части (opencart 2) - добавлен CSS для адаптивности раздела в административной части (opencart 2) - мелкие правки (opencart 2)
v12 - мелкие исправления
v11 - мелкие улучшения - в архив добавлены адаптации для шаблонов Coloring и Moneymaker2 (opencart 2)
v10 - мелкие правки адаптивности
v09 - исправлена ошибка при добавлении товара
v08 - большое обновление модуля (только OpenCart 2) - добавлена поддержка нескольких видео (только OpenCart 2)
liveopencart.ru
