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