1. aspro.ru
  2. Аспро: Стройка
  3. Проекты
  4. Видео в карточке товара

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


Результат работы отлично показывают фотографии и видео. Поэтому в версии 1.2.0 появилась возможность прикреплять видео на детальную страницу проекта. Покажите выполненную работу или прикрепите инструкции, советы, видеообзоры. 

47179f28-7b5b-11f1-8fe4-fa163e2ff576

Чтобы добавить видео, перейдите в редактирование проекта. На вкладке «Видео» нужно добавить ролик.

aa9ba9b3-7b62-11f1-8fe4-fa163e2ff576

Если вкладка не отображается, нажмите на шестеренку в правом верхнем углу и выберите поле «Настройки».

b1efcd4b-7b61-11f1-8fe4-fa163e2ff576

В настройках формы редактирования выберите в блоке «Доступные вкладки» поле «Товар» (1). В блоке «Вкладки» отметьте название вкладки, на котором выводить поля (2). Вы можете добавить новую вкладку и назвать ее «Видео». В блоке «Доступные поля» отметьте позиции «Код с видео (iframe)» и «Файл видео» (3), зажимая клавишу ctrl. Нажмите стрелку вправо (4), чтобы добавить выбранные поля. Сохраните изменения.

55d2c8b4-7b60-11f1-8fe4-fa163e2ff576

Доступно 2 способа: загрузить видео в структуру сайта или вставить из внешнего канала, например, из YouTube.

Загрузка видео в структуру сайта

Добавьте файл в структуру сайта и выберите его (1), укажите размеры (2) и добавьте необходимую информацию о ролике (3).

e82fdd6b-7b5e-11f1-8fe4-fa163e2ff576

Если вы хотите добавить несколько роликов, то кликните кнопку «Добавить» под информацией о видео.

5d3f7fd0-7b5b-11f1-8fe4-fa163e2ff576

Загрузка видео из YouTube

Код видео вставляется в поля блока «Код с видео (iframe)». Если нужно добавить несколько роликов, нажмите соответствующую кнопку.

b24c7916-7b5e-11f1-8fe4-fa163e2ff576

Чтобы получить код, откройте видео на YouTube и нажмите кнопку «Поделиться».

7ee59a98-7b64-11f1-8fe4-fa163e2ff576

Затем в попап-окне нажмите иконку «Встроить».

75748430-7b5c-11f1-8fe4-fa163e2ff576

На следующем шаге скопируйте код и вернитесь в настройки сайта.

9cdbc5bf-7b5e-11f1-8fe4-fa163e2ff576

Отображение в публичной части сайта

Чтобы видео отобразились на детальной странице проекта, перейдите в публичную часть сайта. В режиме правки наведите на область страницы и нажмите на шестеренку.

7a6ba35a-7b63-11f1-8fe4-fa163e2ff576

В параметрах компонента новостей перейдите в настройки детально просмотра. В блоке «Свойства» отметьте позиции «Код с видео (iframe)» и «Файл видео», зажимая клавишу ctrl. Сохраните изменения.

3736a791-7b5b-11f1-8fe4-fa163e2ff576

Предыдущая статья Вкладка «Дополнительно»
Следующая статья Телефоны в мобильной шапке