Как в OpenCart добавить видео

Как в OpenCart добавить видео

От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как в OpenCart добавить видео.

Итак, давайте рассмотрим в этой статье варианты добавления видео в OpenCart. К примеру, на сайте есть стандартная страница О нас, давайте добавим видео в нее. Для этого в админке идем в меню Каталог – Статьи и открываем для редактирования искомую статью.

На панели редактора можно найти иконку добавления видео:

Как в OpenCart добавить видео

Клик по иконке откроет модальное окно, в котором нам предлагают вставить ссылку на страницу с видео. Я возьму видео с нашего канала YouTube и скопирую ссылку на него.

Интернет-магазин на OpenCart!

Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!

Приступить к созданию

Как в OpenCart добавить видео

Остается лишь нажать на кнопку Вставить видео и сохранить статью. В результате мы увидим добавленное видео на странице статьи.

Как в OpenCart добавить видео

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

Как в OpenCart добавить видео

Чтобы видео стало адаптивным, нам потребуется специальная разметка фреймворка Bootstrap, код которой можно найти в документации. Сформируем нужный нам код:

Остается лишь вставить этот код в статью. Сделать это нужно в редакторе в режиме кода. Для перевода редактора в режим кода кликаем по соответствующей иконке на панели редактора и вставляем код.

Как в OpenCart добавить видео

После вставки кода возвращаем редактор в стандартный режим, видео при этом должно отобразиться в редакторе, как и ранее. Сохраняем статью и проверяем изменения на сайте. Если все сделано верно, то видео должно быть адаптивным.

Как в OpenCart добавить видео

Так и есть, никакого скролла нет, мы вставили видео с Ютуба и оно адаптивно. На этом сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.

Интернет-магазин на OpenCart!

Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!

Приступить к созданию

OpenCart: быстрый старт, первые результаты

Создайте свой первый интернет-магазин на OpenCart с полного нуля!

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (4)

  1. Антон

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree