Возможности
Что видит гость
- Картинку или видео в самом верху главной страницы витрины.
- Видео идёт само, без звука и по кругу; пока оно не пошло, на его месте
показывается заранее заданный постер.
- Отдельный файл для телефона — кадр ближе к квадрату, скомпонованный иначе,
чем горизонтальный. Не задан — на телефоне показывается основной.
- Шапка витрины ложится поверх обложки: свой фон у неё пропадает, а условия
получения заказа, поиск, избранное, вход и корзина превращаются в
полупрозрачные плашки поверх медиа. Ниже обложки шапка возвращается к
обычному виду.
Как обложка вписывается в страницу
- Ширина медиа: во весь экран или ровно по ширине содержимого страницы.
- При ширине по содержимому боковым полям задаётся цвет, и тогда кадр
показывается целиком, без обрезки.
- Тема блока — светлая или тёмная: от неё зависит, как выглядят стеклянные
плашки шапки поверх кадра.
- Тон текста и значков на плашках: контрастный теме автоматически либо
принудительно светлый или тёмный — под конкретный снимок.
- Логотип поверх обложки можно убрать, если на плотном кадре он мешает.
- Для картинки включается параллакс: при прокрутке она движется медленнее
страницы.
Где обложка появляется
- На корне витрины — и на главной с превью меню, и на лендинге со списком
брендов.
- На корне каждой витрины сайта: у сети с отдельными витринами городов или
брендов обложка есть на каждой из них.
- В мобильном приложении заведения — там та же витрина.
- При переходе в категорию или в карточку блюда обложка уходит.
Как настроить
- Всё в кабинете, на экране оформления витрины. Параметры темы разложены по
группам; обложка — в группе «Шапка».
- Включить показ обложки, выбрать содержимое — картинку или видео — и загрузить
основной файл. Для видео загружается постер, при желании — отдельный файл для
телефона.
- Настроить вид: ширину медиа, цвет боковых полей, тему блока, тон текста на
плашках, скрытие логотипа, параллакс.
- Лишнего экран не показывает: пока обложка выключена, её параметры скрыты;
постер появляется только у видео, цвет боковых полей — только при ширине по
содержимому, параллакс — только у картинки.
- Правки видно в живом превью рядом с настройками. Гостю они достаются после
публикации оформления.
- Раздел доступен сотруднику с правом на сайт.
Что должно быть настроено и ограничения
- Обложку объявляет тема актуальной витрины: на сайте прежнего поколения её
нет.
- Пока не загружен основной файл, обложки не будет, даже если она включена и
мобильный кадр загружен, — один мобильный файл её не включает.
- Мобильный кадр подставляется на экранах уже 768 точек. Планшет получает
основной.
- Изменения доходят до гостя только после публикации оформления.
- Обложка живёт на странице типа «витрина» в режиме «Главная» или «Список
брендов». В режиме «Меню» её нет по устройству режима.
- Параллакс требует большого экрана и браузера, который умеет привязывать
анимацию к прокрутке; при системной настройке «уменьшить движение» он
отключается сам. Всё это происходит молча — обложка просто стоит неподвижно.
- Видео заранее не подгружается: на медленной сети гость какое-то время видит
постер. Без постера на его месте будет пустота.
- Загруженный файл ужимается по длинной стороне, поэтому на очень широких
экранах кадр во всю ширину заметно растягивается — исходник стоит подбирать с
запасом по качеству, но не по размеру.
Чего нет
- Не несёт текста. Заголовка, подписи и кнопки поверх обложки нет, сама она не
кликается: призыв со ссылкой — это промо-плашка или баннер, не обложка.
- Обложка одна на весь сайт. Дать витрине города или бренда свою, отличную от
главной, в кабинете нечем.
- Не чередует несколько кадров: ротация и слайды — задача промо-слайдера.
- Высота блока фиксирована и своей не задаётся. При ширине во весь экран кадр
обрезается по центру, и что именно останется в кадре на узком экране, заранее
не показывается.
- Параллакс не применяется к видео и не работает на телефоне.
- Расписания у обложки нет: сама к дате она не включится и не выключится.
- Отдельного кадра под тёмное оформление сайта нет — файл один на оба.
Примеры
Сезонная смена обложки
- Маркетолог открывает в кабинете оформление витрины и раскрывает группу
параметров шапки.
- Загружает новый горизонтальный кадр в поле содержимого обложки и отдельный
квадратный — в поле для телефона.
- Смотрит на живое превью рядом: как кадр обрезается, не наезжают ли плашки
шапки на важную часть снимка.
- Публикует оформление. На витрине и в приложении обложка меняется.
Видео вместо фотографии
- В содержимом обложки выбирается видео, загружается короткий зацикленный
ролик без звука.
- Загружается постер — кадр, который гость видит, пока ролик не пошёл.
- Для телефона загружается вертикальнее скомпонованный вариант того же ролика.
- После публикации на главной идёт видео; параллакс к нему не применяется,
даже если включён.
Подгонка шапки под тёмный снимок
- Загружен тёмный снимок зала: плашки шапки на нём читаются плохо.
- Тема блока переключается на тёмную — меняется материал стеклянных плашек.
- Тон текста и значков ставится светлым, чтобы не зависеть от автоматического
выбора.
- Логотип поверх обложки скрывается: на плотном снимке он теряется. Ниже
обложки логотип возвращается вместе с обычной шапкой.
- Оформление публикуется.
Связанные статьи