Челябинск
Например:
Челябинск
Москва
или
Выбрать автоматически
Челябинск
Москва
Екатеринбург
Тюмень
Санкт-Петербург
Новосибирск
Нижний Новгород
Казань
Омск
Самара
Ростов-на-Дону
Уфа
Красноярск
Пермь
Воронеж
Волгоград
Краснодар
Возможность добавления в карточку товара видео или анимации: глобальная перезагрузка IntecUniverse 2.3.0
Назад к списку
19.04.2022

Возможность добавления в карточку товара видео или анимации: глобальная перезагрузка IntecUniverse 2.3.0

Коллеги! С вами Ярослав Голуб, руководитель интернет-агентства INTEC. Марафон обновлений линейки готовых интернет-магазинов и корпоративных сайтов IntecUniverse 2.3.0 продолжается. Сегодня я расскажу о том, как мы доработали карточку товара.


Итак, в карточке товара появилась возможность помимо обычных фотографий выводить в галерее GIF-анимацию и видео.

Согласно статистике, видеоролики и анимация повышают конверсию в несколько раз. Одно видео расскажет о товаре лучше, чем несколько фотографий. Оно гораздо лучше передаст характеристики товара и позволит клиенту оценить продукт со всех сторон.

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


1.jpg


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

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


2.jpg

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

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


3.jpg


4.jpg


Демо.png  Решения.png


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


5.jpg


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


6.jpg


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


7.jpg


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

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


8.jpg


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


9.jpg


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


10.jpg


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


11.jpg


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


12.jpg


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


13.jpg


На этом у меня все. Покоряйте новые бизнес-вершины вместе с IntecUniverse. Еще больше обновлений — в следующих статьях. Не пропустите!


Подпишитесь на нас в Telegram

Получайте свежие статьи об интернет-маркетинге и актуальные новости о наших готовых решениях

#Universe
#UniverseSite
#UniverseLite
#Готовые сайты
#Готовые решения для битрикс
#Обновления Universe

загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...