Налаштування конфігу мобільного додатка

Конфіг мобільного додатка задає його зовнішній вигляд і поведінку окремих елементів інтерфейсу: фонові зображення екранів, логотипи, іконки, підключення Firebase і Meta SDK, посилання на стори. Більшість цих полів заповнює команда Eatery Club під час запуску проєкту, тому не змінюйте їх самостійно без узгодження з підтримкою. Ця стаття потрібна, коли ви готуєте або оновлюєте власні зображення: вона показує, які файли підготувати, де їх завантажити і що відбудеться далі.

Хто що робить

• Ви готуєте зображення за вимогами нижче і завантажуєте їх у потрібні поля розділу.
• Команда Eatery Club збирає конфіг і доносить зміни до додатка. Терміни узгоджуйте з підтримкою.
• Поля запуску проєкту — Firebase, Meta SDK, теми, посилання на стори — залишаються за командою Eatery Club. Нижче вони описані тільки для того, щоб ви розуміли, що бачите в списку.

Крок 1. Підготуйте файли

• Формат: JPEG, JPG, PNG або SVG.
• Вага файла: до 3 МБ.
• Кількість: одне зображення на поле, новий файл замінює попередній.
• Розміри в пікселях: у кожного поля свої, вони перелічені на кроці 3. Там, де окремого обмеження немає, діють тільки вимоги вище.

Готувати набір розмірів не потрібно: усі похідні розміри для iOS і Android система робить з одного вашого файла. Фони в зібраному конфізі зберігаються як JPEG, тому прозорість у них не переноситься; логотипи та іконки зберігаються як PNG.

Крок 2. Відкрийте розділ

У боковому меню розгорніть групу «6.Налаштування» і виберіть пункт «Налаштування».

Відкриється список параметрів конфігу: ліворуч назва параметра, праворуч його значення, у кінці рядка — іконка олівця, яка відкриває поле для редагування.

Крок 3. Знайдіть потрібне поле

Зображення приймають вісім полів на початку списку і ще чотири нижче.

Фони екранів

• «Зображення заднього фону для авторизації»
  Фон екрана входу. Обов’язкове поле, до 1126×2437 px (макет 3x).
• «Зображення заднього фону для Бонуса»
  Фон екрана з балами лояльності. Обов’язкове поле, до 1126×2437 px (макет 3x).
• «Зображення заднього фону для Карти клієнта»
  Фон екрана з QR-кодом картки гостя. Необов’язкове поле, окремого обмеження в пікселях немає.
• «Екран запуску додатка»
  Зображення екрана, який показується під час запуску. Необов’язкове поле, до 1126×2437 px (макет 3x).

Логотипи

• «Логотип на екрані запуску додатка»
  Логотип на екрані запуску. Обов’язкове поле, до 985×375 px (макет 3x). Якщо файл не завантажено, береться основний логотип.
• «Зображення логотипу»
  Основний логотип додатка. Обов’язкове поле, до 985×509 px; для поточного дизайну готуйте квадрат 509×509 px.

Іконки

• «Пуш іконка для андроіда»
  Іконка push-повідомлень на Android. Обов’язкове поле, квадрат до 1025×1025 px; у додатку вона показується в розмірі 96 px. На iOS це поле не використовується.
• «Зображення іконки»
  Іконка додатка, світлий варіант. Обов’язкове поле, до 1025×1025 px (макет 1x), готуйте квадрат 1024×1024 px. На Android іконка обрізається до кола, тому значущі елементи тримайте ближче до центру.

Додаткові іконки для iOS

Ці чотири поля необов’язкові, окремого обмеження в пікселях у них немає, на Android вони не використовуються.

• «Зображення логотипу для LiveActivity – Light» і «Зображення логотипу для LiveActivity – Dark»
  Світлий і темний варіанти логотипа для Live Activity.
• «Зображення іконки – Dark» і «Зображення іконки – Tint»
  Додаткові варіанти іконки додатка, темний і з відтінком. Готуйте їх у тому самому квадраті, що й основну іконку.

Крок 4. Збережіть і перевірте

Відкрийте поле олівцем, завантажте файл і збережіть зміни. Після збереження зображення видно в колонці значення навпроти назви поля.

У додатку зміни з’являються після того, як команда Eatery Club збере конфіг. На цьому кроці файли перевіряються ще раз: усе, крім SVG, має бути менше 4 МБ і не більше 2500 px по кожній стороні, а обов’язкове поле не може лишитися порожнім.

Інтеграції

Ці поля заповнює команда Eatery Club під час запуску проєкту.

• «Firebase IOS»: файл GoogleService-Info.plist для push-повідомлень і аналітики на iOS.
• «Firebase Android»: файл google-services.json для тих самих завдань на Android.
• «Facebook Business ID»: ідентифікатор, за яким додаток пов’язується з рекламним акаунтом.
• «Meta Client Token» і «Meta Display Name»: значення для інтеграції з Meta SDK.
• «Посилання на Apple Store»: посилання на застосунок у App Store.
• «Посилання на Google Play»: посилання на застосунок у Google Play.
• «Посилання доставки»: брендова URL-адреса проєкту.

Вигляд і поведінка додатка

• «Тема для редизайну додатку» і «Тема для додатку»: два окремі поля, кожне зберігає кодову назву теми.
• «Позиція логотипу»: розташування логотипа в додатку.
• «Розмір картки товару в меню»: розмір, з яким показуються картки товарів у меню.
• «Відображення логотипу»: чи показувати логотип.
• «Кругла кнопка картки гостя»: чи робити кнопку картки гостя круглою.
• «Відображення тексту з безкоштовною доставкою»: чи показувати текст про безкоштовну доставку.
• «Доставка – Не передзвонювати початково»: чи вибрано початково варіант «не передзвонювати» для замовлень доставки.
• «Дозволити скріншот QR»: налаштування стосується скріншота сторінки картки гостя з QR-кодом; його поведінку на конкретній платформі узгоджуйте з командою Eatery Club.
• «Увімкнути округлення бонусів»: чи показувати бали лояльності цілими числами.
• «Показувати сторінку “Про ресторан”»: чи показувати в додатку сторінку «Про ресторан».

Пов’язані статті

• Кастомізовані сторінки
• Інші налаштування додатку