1. aspro.ru
  2. Аспро: Корпоративный сайт 2.0
  3. Основные разделы
  4. Каталог
  5. Детальные карточки товара
  6. Добавление видео в попапе

Добавление видео в попапе


В Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, вы можете загружать в карточку товара видео в попапе. На детальной странице товара выводится иконка с текстом «Видео».

4333c111-7b61-11f1-8fe4-fa163e2ff576

При клике на иконку открывается окно с видео.

9db39e46-7b5b-11f1-8fe4-fa163e2ff576

Чтобы добавить видео, перейдите в редактирование товара. В административной части сайта перейдите в Контент → Каталог (aspro.allcorp2) → Продукты. Перейдите в редактирование элемента. Для этого в строке с названием товара нажмите на «Гамбургер», затем на «Изменить».

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

В поле «Видео в попапе» вставьте код видео в формате «https://www.youtube.com/embed/DyBBEIZIHWI». Сохраните изменения.

5ebded90-7b64-11f1-8fe4-fa163e2ff576

Мы рассматриваем добавление кода на примере видео, размещенного на Youtube. Перейдите на страницу с вашим видео на Youtube и нажмите на кнопку «Поделиться».

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

Появится всплывающее окно, в котором нажмите на кнопку «Встроить».

38e14758-7b61-11f1-8fe4-fa163e2ff576

В этом окне вам нужно скопировать код, который прописан в кавычках после  «src=».

87e48265-7b63-11f1-8fe4-fa163e2ff576

Вставьте скопированный код в поле в настройках карточки.

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

087b3dbb-7b5e-11f1-8fe4-fa163e2ff576

Выделите в доступных вкладках «Товар» (1), выберете вкладку (2), где отобразится поле (в нашем примере — вкладка «Товар»). Затем выберите поле, которое необходимо переместить. В нашем примере это «Видео в попапе» (3). Чтобы выбрать сразу несколько полей, выделяйте строки при нажатой клавише ctrl. После того как вы выбрали поля нажмите на стрелку (4). Сохраните настройки.

1e6faad0-7b61-11f1-8fe4-fa163e2ff576

Заполните поле и сохраните изменения.

Предыдущая статья Вкладка «Дополнительно» в карточке товара
Следующая статья Добавление примечания-подсказки