Оформление. Отображение

Статья о настройке цветовой схемы, способа отображения витрины, светлой или темной темы, об установке фонов, логотипа, фавикон.

04.12.2024

В статье:

Внешний вид

Тема

Для оформления витрины можно выбрать темную или светлую тему.

Проект → категория "Настройки" раздела "Свойства" или «Две шестеренки» в верхнем правом углу → категория "Отображение" раздела "Оформление"

В разделе "Внешний вид" нажмите на поле "Тема" и во всплывающем окне выберите необходимое.

Внешний вид. Тема в электронном меню eMenu.cafe — Внешний вид. Тема в электронном меню eMenu.cafe

Внешний вид витрины

Для оформления витрины можно выбрать отображение только групп товаров или отображение как групп так и самих товаров из этой группу.

Отображение только групп товаров электронного меню eMenu.cafe — Отображение только групп товаров электронного меню eMenu.cafe

Отображение групп и товаров электронного меню eMenu.cafe — Отображение групп и товаров электронного меню eMenu.cafe

В разделе "Внешний вид" нажмите на поле "Внешний вид витрины" и во всплывающем окне выберите необходимое.

Создание внешнего вида витрины электронного меню eMenu.cafe — Создание внешнего вида витрины электронного меню eMenu.cafe

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

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

Внимание! Если ползунок цвета установлен в крайние точки квадрата оттенков, то цвет в цветовом круге выбрать нельзя.

Цветовая схема электронного меню eMenu.cafe

Цветовой круг для выбора цвета в eMenu.cafe

Основной цвет

Цвет из которого формируются оттенки проекта.

В разделе "Цветовая схема" нажмите на поле "Основной цвет" и в появившемся Цветовом круге выберите необходимый.

Создание основного цвета в электронном меню eMenu.cafe

Цвет светлых элементов

Для светлой темы: цвет фона электронного меню на главной странице, если другой не установлен в разделе "Фон", цвет фона карточки товара, текста кнопки заказать внутри карточки товара.

Для темной темы: цвет названий категорий, блюд, иконок.

В разделе "Цветовая схема" нажмите на поле "Цвет светлых элементов" и в появившемся Цветовом круге выберите необходимый.

Цвет темных элементов

Для светлой темы: цвет названий категорий, блюд, иконок.

Для темной темы: цвет фона электронного меню на главной странице, если другой не установлен в разделе "Фон", цвет фона карточки товара, текста кнопки заказать внутри карточки товара.

В разделе "Цветовая схема" нажмите на поле "Цвет темных элементов" и в появившемся Цветовом круге выберите необходимый.

Цвет темы браузера

В разных браузерах отображается по-разному.

Цвет в браузере в электронном меню eMenu.cafe

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

Ценник

Отображается на главной странице и в карточке товара.

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

Повторите действие в поле "Цвет фона" для создания цвета ценника.

Верхняя навигация

Цвет фона - цвет верхней панели электронного меню.

Цвет текста - цвет названий категорий блюд в верхней панели электронного меню.

Верхняя навигация в электронном меню eMenu.cafe

В разделе "Верхняя навигация" нажмите на поле "Цвет текста" и в появившемся Цветовом круге выберите необходимый.

Повторите действие в поле "Цвет фона" для создания цвета верхней панели.

Нижняя навигация

Цвет фона - цвет нижней панели электронного меню.

Цвет текста - цвет иконок в нижней панели электронного меню.

Нижняя навигация в электронном меню eMenu.cafe

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

Повторите действие в поле "Цвет фона" для создания цвета нижней панели.

Фон

Отображается на всех страницах электронного меню, если во внешнем виде категорий не установлен свой фон.

В разделе "Фон" нажмите на поле "Заливка" и в появившемся диалоговом окне выберите необходимый способ заливки.

Заливка фона в электронном меню eMenu.cafe

Окно с выбором способа заливки фона в электронном меню eMenu.cafe

Отсутствует

Если в поле "Заливка" выбрано "Отсутствует" цвет фона установиться, в зависимости от выбранной темы, из цвета темных или светлых элементов.

Сплошная

Сплошная заливка позволяет установить свое изображение.

Заливка → Сплошная → Кликните на поле отображения фона →

выберите необходимый паттерн или загрузить свой фон при помощи кнопки "Добавить".

Установление своего изображения для фона в электронном меню eMenu.cafe

Радиальная

Установление радиальной заливки для фона в электронном меню eMenu.cafe

Кликните на поле выбора цвета и выберите необходимый цвет.

Выбор цвета для установления фона в электронном меню eMenu.cafe

Кликните на поле "Выравнивание", чтобы выбрать радиальное направление.

Установление способа радиальной заливки для фона в электронном меню eMenu.cafe

Градиент

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

Кликните на поле "Угол" для задания угла градиента.

Логотип

Рекомендуем устанавливать темную и светлую версии логотипа.

Логотип должен быть на прозрачном фоне с расширением .png или .svg. Максимально обрезайте поля вокруг логотипа. Чем больше лишних полей, тем меньше будет логотип в электронном меню.