Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

Если в списке Загрузок тоже нет этого плагина, обратитесь в Поддержку или к вашему менеджеру в скайп-чате.

Дизайн приложения: логотип и цвета

Лучше всего сделать оформление такое же как на сайте Коробки ОТ, чтобы покупатель понимал где заказывает товары.

Логотип

 

Цветовое оформление

...

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

В разделе плагинов кликаем по плагину «Демонстрация MetaUI»

Image Added

В списке доступных изменений ищем пункт «Настройка дизайна приложений»

Image Added

Кликаем по нему мышкой и нажимаем кнопку «Открыть»

Image Added

Логотип

Берем тот же самый логотип, что вы используете в Коробке ОТ и сохраняем его на ваш компьютер (если логотип у вас и так сохранен, пропускаем этот шаг).

Нажимаем на кнопку «Выбрать файл»

Image Added

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

Image Added

Цветовое оформление

Делает цветовое оформление 1 в 1 как у вашего магазина.

Переходим в админке в раздел «Конфигурация → Конструкция сайта → Тема дизайна»

Image Added

Отсюда нам понадобятся цвета, которые мы запишем, чтобы настроить мобильное приложение.

Кликаем по цвету дизайна и записываем цифры RGB (если у вас есть брендбук и используется другая система цветов, используйте её)

Image Added

Соотношение цветов в Коробке ОТ и в мобильном приложении

Название полей в приложенииНазвание полей в Коробке ОТ
Вспомогательный цветДизайн. Цвет 1
Фоновый цветЦвет фона
Основной цветДизайн. Цвет 2
Цвет текстаЦвет текста
Цвет текста на фоне основного цвета(в разработке)

 

Цвета в приложении для наглядности будут обозначены ярко-синим цветом

Вспомогательный цветФоновый цветОсновной цветЦвет текстаЦвет текста на фоне основного цвета
Первый цвет кнопок, нижнее менюФон страниц приложенияВторой цвет кнопокТекст 
Image AddedImage AddedImage Added(в разработке)(в разработке)

Когда все цвета выписаны, начинаем редактировать мобильное приложение. Кликаем по полю первого цвета

Image Added

Записываем цвет в формате RGB

Image Added

Если у вас формат не RGB, переключаем на нужный формат с помощью стрелочек

Image Added

После выбора цвета, нажимаем кнопку «Сохранить»

Image Added

Так по очереди делаем со всеми цветами

Image Added

(В разработке) Если у вас в дизайне сайта есть фоновое изображение, можно его загрузить и сюда. Выбираем файл на вашем компьютере

Image Added

Нажимаем кнопку «Сохранить»

Image Added

Витрина

В разделе плагинов кликаем по плагину «Демонстрация MetaUI»

Image Added

В списке доступных изменений ищем пункт «Настройка витрины»

Image Added

Кликаем по нему мышкой и нажимаем кнопку «Открыть»

Image Added

Мультиязычность и переводы

Реклама

...

Баннеры

...

Подборки

Контентные страницы