Главная — брендинг витрины

Вкладка Главная в Настройки (/settings?tab=main) задаёт визуальную идентичность витрины: логотип в шапке сайта, иконку вкладки браузера и главный баннер (hero) для десктопа и мобильного экрана. Покупатель видит эти элементы в Telegram Mini App и на сайте бренда.

Как открыть

1. Откройте Система → Настройки (/settings).
2. Нажмите вкладку Главная в строке Раздел настроек.
3. Загрузите или замените файлы в нужных блоках.
4. Нажмите Сохранить внизу страницы.

Поля вкладки

LOGO ДЛЯ HEADER

Логотип, который отображается в шапке витрины (header). Нажмите Выбрать logo и загрузите файл в рекомендуемом формате PNG или SVG с прозрачным фоном. Используйте горизонтальную версию знака — на мобильном ширина шапки ограничена.

FAVICON (.ICO)

Иконка вкладки браузера. Нажмите Выбрать favicon и загрузите файл .ico или совместимый формат, который принимает форма. Favicon должен читаться в маленьком размере — избегайте мелких деталей.

ВЕРСИЯ ДЛЯ ПК (DESKTOP)

Hero-баннер главной страницы для широких экранов. Нажмите Выбрать для ПК и загрузите изображение с запасом по ширине под десктопную вёрстку. Учитывайте, что поверх баннера могут накладываться заголовки и кнопки витрины.

ВЕРСИЯ ДЛЯ ТЕЛЕФОНА (MOBILE)

Отдельный hero для узких экранов. Нажмите Выбрать для телефона и загрузите кадр, где важные объекты не обрезаются по краям. Для fashion-брендов на мобильном чаще работает вертикальный кроп модели или крупный продукт.

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

1. Подготовьте исходники: logo (прозрачный PNG), favicon, desktop hero (широкий), mobile hero (вертикальный).
2. Загрузите LOGO ДЛЯ HEADER и проверьте контраст на светлом и тёмном фоне шапки.
3. Загрузите FAVICON (.ICO) и откройте витрину в браузере — иконка должна обновиться после сохранения (иногда нужен hard refresh).
4. Загрузите обе версии hero и откройте главную с телефона и с ноутбука.
5. Нажмите Сохранить и повторно проверьте витрину в режиме покупателя.

Типичные ошибки

• Один и тот же файл для ПК и телефона — на мобильном обрезается лицо модели или логотип на одежде.
• Слишком тяжёлые PNG без сжатия — медленная загрузка главной в Mini App.
• Логотип с мелким текстом — в header не читается.

Связь с другими настройками

Юридические контакты и соцсети задаются на вкладке Реквизиты. Собственный адрес сайта — на вкладке Домен. Если витрина временно закрыта, используйте Техработы.

Брендинг не затрагивает карточки товаров — фото SKU настраиваются в Каталог → Товары.