Возможность добавить gif и видео в галерею изображений карточки товара - Линейка решений INTEC: Universe

В нашем решении существует возможность добавить gif-изображение или видео в галерею изображений карточки товара.

• Для добавления видео в галерею карточки товара нужно создать (или выбрать существующий) информационный блок, где будут храниться видео, и перейти в его настройки. Здесь нам необходимо создать 4 свойства:

1.    «Ссылка на видео» - тип «Строка», заполняем символьный код. Свойство используется для хранения ссылки на видео со сторонних сервисов (например, Youtube);

2.    «Файл .mp4»,  «Файл .webm», «Файл .ogv» - тип «Файл», заполняем символьный код и перейти в меню детального редактирования свойства  с помощью кнопки «...»:. 

 

Здесь выбираем тип загружаемых файлов «Видео», указываем соответствующие расширение (mp4, webm, ogv). Свойство используется для загрузки видеофайлов с соответствующим расширением.

            Создаем необходимое количество элементов в инфоблоке с видео и заполняем созданные свойства:

 

Важно! Вам необходимо загрузить 3 одинаковых видео, но в разных форматах, для того чтобы видео корректно воспроизводилось на любых браузерах:

Обратите внимание: ссылка на видео с Youtube должна иметь вид https://www.youtube.com/embed/XXXXXXXXXXX. Для этого необходимо перейти на youtube.com, выбрать необходимое видео и нажать на кнопку «Поделиться»:

 

В открывшемся окне выбираем кнопку «Встроить» и копируем ссылку:

 

После этого необходимо перейти в настройки информационного блока товаров - Свойства и создать там свойство «Видео для галереи», множественное, тип «Привязка к элементам», заполнить символьный код и перейти в меню детального редактирования свойства  с помощью кнопки «...». Здесь выбираем инфоблок с видео:

 

Для каждого необходимого элемента из инфоблока товаров заполняем свойство «Видео для галереи». Аналогично создаем свойство для инфоблока торговых предложений (назовем его «Видео», символьный код OFFER_VIDEO).

Затем переходим в настройки компонента каталога. Включаем опцию «Использовать видео в галерее изображений»:

 

Выбираем инфоблок видео и наши свойства:

 

При правильно заполненных свойствах и настройках компонента получаем следующий результат:

• Для добавления gif-изображения в галерею карточки товара необходимо перейти в настройки информационного блока товаров - Свойства, найти свойство «Изображения» и открыть меню детального редактирования свойства с помощью кнопки «...»:

 

Здесь выбираем типы загружаемых файлов «Изображения» и проверяем, чтобы в списке расширений было указано gif:

 

Сохраняем. Теперь в свойство «Изображения» можно загружать gif-изображения. Обратите внимание: для товаров с торговыми предложениями gif-изображения нужно загружать в свойство «Изображения» для конкретного торгового предложения. Результат в галерее (в панели управления галереей gif-изображения помечены маркером GIF): 

Наши решения