Вы можете настроить интерфейс вашего сайта и приложения по своему усмотрению. В этом разделе можно настроить различные параметры при оформлении сайта или приложения, чтобы персонализировать оформление.

Для настроек дизайна найдите в боковой админ- панели навигации раздел «Настройки интерфейса» и выберите подраздел «Дизайн и оформление» (рис.1).

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

Выбор платформы: сайт или приложение

Настройки для веб-сайта и мобильного приложения разделены. На странице есть две вкладки: «Сайт» и «Приложение». Переключайтесь между ними, чтобы настроить внешний вид для каждой платформы.

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

1.Цветовая схема

Вы можете выбрать готовую тему оформления или создать свою собственную. Готовые темы представлены в виде списка с радиокнопками, По желанию можно создать персонализированную тему, воспользовавшись опцией «Своя тема». При наведении мыши на любую тему всплывает блок с отображением всех цветов, входящих в неё. Активной может быть только одна тема.

Если вы хотите использовать собственные цвета, выберите опцию «Своя тема» и нажмите кнопку «Создать тему». Откроется модальное окно, где нужно заполнить все обязательные поля: название темы, базовый цвет кнопок, цвет иконок, вторичный цвет кнопок и цвет фона. Для каждого цвета можно ввести HEX-код в формате #RRGGBB (решётка подставляется автоматически) либо выбрать цвет из палитры с ползунком. Если код введён некорректно, система покажет сообщение об ошибке и не позволит сохранить тему. Кнопка «Сохранить» в модальном окне становится активной только когда все поля заполнены валидными значениями. После сохранения новая тема автоматически становится активной, модальное окно закрывается, и вы видите уведомление «Изменения сохранены». Если закрыть модальное окно крестиком или кликом по фону, тема не сохранится.

Также вы можете не выбирать тему целиком, а просто задать базовый цвет кнопок вручную. Для этого переключитесь на радиокнопку «Базовый цвет кнопок» и введите HEX-код или выберите цвет из палитры. Этот базовый цвет будет применяться к кнопкам и иконкам. Он обычно должен совпадать с цветом логотипа.

2.Вид карточек блюд

Вы можете выбрать, как будут выглядеть карточки блюд в меню. Доступны три варианта.

Для мобильного приложения: «Большая» подразумевает 2 карточки в ряд, «Краткое описание» — тоже 2 карточки в ряд, «Полное описание» — 1 карточка в ряд. Для сайта: «Большая» — 4 карточки в ряд, «Краткое описание» — 4 карточки в ряд, «Полное описание» — 2 карточки в ряд. Выберите подходящий вариант с помощью радиокнопки.

3.Скругление углов карточек

Вы можете задать процент скругления углов карточек блюд. Значение вводится в процентах от 0 до 100. При 0% углы будут острыми, при 100% — максимальное скругление. Для ввода можно использовать ползунок или поле с счётчиком (кнопки увеличения и уменьшения значения).

4.Текстура кнопок

Выберите один из трёх вариантов текстуры кнопок: «По умолчанию», «Глянец» или «Матовая». Каждый вариант сопровождается наглядной иконкой, показывающей, как будет выглядеть кнопка. Выбор осуществляется радиокнопкой. Изменение текстуры применяется в интерфейсе только после нажатия кнопки «Сохранить».

5.Шрифты и начертания

Выберите основной шрифт для приложения или сайта из шести вариантов. Выбор — одиночный, с помощью радиокнопки. Названия вариантов отображаются тем же шрифтом, который вы выбираете, чтобы вы могли оценить, как он выглядит.

Отдельно вы можете настроить начертание шрифта для двух типов текста: «Заголовок» (заголовки блюд) и «Описание» (описание и состав блюд). Для каждого из них доступны варианты: Thin, Light, Regular, Medium, Bold и Black. Выбор осуществляется радиокнопками в соответствующих колонках. Изменения сразу видны в карточке-превью и в детальной карточке блюда.

6.Оформление тегов

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

7.Логотип

Для установки логотипа нажмите на поле для загрузки изображения, откроется проводник, там выберите необходимую картинку для загрузки. Изображение должно быть в формате PNG, JPG/JPEG, SVG и объемом не более 2 МБ.

После загрузки, изображение отобразится на странице с возможностью удаления.

После того как вы внесли все желаемые изменения, обязательно нажмите кнопку «Сохранить». Только после этого настройки реально применятся к сайту или приложению. При успешном сохранении вы увидите уведомление «Изменения сохранены».

Если вы передумали сохранять изменения, вы можете просто переключить вкладку или уйти с этой страницы. Система спросит подтверждение: «Вы уверены, что хотите покинуть страницу без сохранения? Введённые данные не сохранятся». Вы можете нажать «Отмена», чтобы остаться и продолжить редактирование, или «Покинуть без сохранения», чтобы уйти, отменив все несохранённые изменения. Если вы не вносили никаких изменений, предупреждение не показывается (рис.3).