Изображения товара из Shop-Script в слайдере

Добавляйте в блочные страницы конструктора страниц Webasyst аккуратный медиа-слайдер с фотографиями и видео выбранного товара из Shop-Script.

Фото и видео товара из Shop-Script в блочных страницах

Фотографии и видео берутся из карточки товара в Shop-Script, поэтому не нужно заново загружать изображения, копировать ссылки и собирать галерею вручную. Вы выбираете товар, добавляете блок на страницу и получаете готовый слайдер с основными медиа товара: фотографиями, видео, миниатюрами, стрелками навигации и поддержкой свайпа на мобильных устройствах.

Для каких страниц подойдёт

Используйте слайдер, чтобы показать товар там, где стандартной карточки товара недостаточно:

на лендинге отдельного товара;

на промостранице акции или распродажи;

в обзоре товара или подборке;

на странице бренда или коллекции;

в статье, инструкции или презентации продукта;

на главной странице магазина;

на странице с преимуществами или кейсами использования товара.

Так можно собрать более выразительную страницу вокруг конкретного товара и показать его с разных сторон: фотографии, детали, варианты использования и видео — в одном аккуратном блоке.

Настройка видео и пропорций

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

Так видео аккуратнее вписывается в слайдер и не ломает композицию блока.

Удобная навигация по медиа

Покупатель может просматривать изображения и видео товара с помощью:

стрелок переключения;

свайпа на мобильных устройствах.

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

Настройка внешнего вида

Слайдер поддерживает стандартные настройки оформления элементов блочного конструктора приложения «Сайт».

Можно настроить:

внешние отступы;

скругление углов;

видимость на разных устройствах;

HTML-идентификатор блока.

Настройки оформления поддерживают стили темы дизайна, поэтому слайдер проще вписать в общий вид сайта.

Аккуратная техническая реализация

Изображения и видео выводятся с корректными alt-атрибутами, размерами изображений, клавиатурной навигацией и ARIA-разметкой.

Плагин подойдёт интернет-магазинам, которым важно красиво показать товар на произвольных страницах без ручной вёрстки, лишнего кода и разрыва с данными Shop-Script.

Как использовать

Установите плагин через приложение «Инсталлер».

Откройте блочную страницу в приложении «Сайт».

Добавьте блок слайдера фотографий товара.

Выберите товар из Shop-Script.

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