Каталог Основы

Категории и подкатегории

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

Категории Подкатегории Оформление Фоны

5:08 Нажмите отметку времени, чтобы перейти

Все моменты видео 6 шагов · 5:08

Чему вы научитесь

Создаёте категорию с названием и описанием
Цвета заголовка и текста, заданные отдельно для телефона и для компьютера
Фоновая картинка, которая придаёт шапке категории плоть
Подкатегории: перетаскиваете одну категорию на другую

Шаг за шагом

1

Страница Категории

Левое меню → Категории. Начинается пустой: «Добавить категорию» открывает мастер из пяти шагов, и название идёт первым — «Закуски». Каждая категория становится строкой этой страницы, а порядок строк — это порядок в меню.
2

Фон для шапки

Третий шаг одевает шапку категории: по одной картинке на размер экрана — Большой (компьютер) в 16:9, Средний (планшет) в 4:3. Выбирайте фотографии с воздухом: заголовок ложится сверху, а перегруженные кадры читаются плохо. «Заменить изображение» и «Удалить» рядом, если передумаете.
3

Цвета под каждое устройство

Четвёртый шаг, и оформление настраивается отдельно под устройство: Большое, Среднее, Малое — у каждого свой цвет заголовка, описания и фона, плюс линия подчёркивания. Предпросмотр перерисовывается при каждом касании. Фон, который хорош на большом экране, на телефоне иногда просит текста поплотнее.
4

И следующая

Вторая категория проходит те же пять шагов — здесь со своими картинками, место для планшета уже одето, а телефон ещё ждёт. Основные блюда, Десерты, Напитки, Кофе: весь скелет встаёт одинаково.
5

Каждой категории — своя палитра

«Десерты» уходят в тона потеплее: те же три цвета плюс подчёркивание, другое настроение. У каждой категории может быть своя палитра, чтобы разделы отличались, пока гость листает вниз.
6

Подкатегория одним перетаскиванием

Возьмите «Кофе» и отпустите на «Напитки»: он становится подкатегорией. В меню гость увидит, как Напитки раскрываются, а Кофе живёт внутри. Тот же жест меняет порядок списка — порядок отсюда и есть тот, что видит он.