> For the complete documentation index, see [llms.txt](https://manual.boxexchanger.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.boxexchanger.net/nachalo-raboty/nastroika-dizaina.md).

# Настройка дизайна

На странице "Настройки сайта" - раздел "Дизайн" возможно установить логотип и иконку для сайта, а также логотип для письма. 

<figure><img src="/files/CtYXBHWpUQbJrXCzkYOM" alt=""><figcaption></figcaption></figure>

## Логотип сайта

{% hint style="info" %}
Логотип сайта должен быть не менее чем: 400 x 55 px и иметь формат: SVG,PNG,JPG,JPEG
{% endhint %}

{% hint style="info" %}
По умолчанию скрипт ожидает логотип в формате PNG,JPG,JPEG. В случае, если ваш логотип в формате SVG, то перед загрузкой логотипа - обратитесь к поддержке BoxExchanger для изменения конфигурации проекта.&#x20;
{% endhint %}

Для того чтобы загрузить логотип для сайта, необходимо нажать "[**Загрузить изображение**](#user-content-fn-1)[^1]" в блоке "Загрузить логотип сайта" -> выбрать необходимое изображение -> если необходимо, то вы можете изменить масштаб и размер логотипа во встроенном редакторе после загрузки (для логотипов в формате PNG,JPG,JPEG) -> нажать "[**Save**](#user-content-fn-2)[^2]" в правом нижнем углу редактора (для логотипов в формате PNG,JPG,JPEG). После того как логотип будет успешно загружен - отобразится всплывающее окно с надписью "[**Success**](#user-content-fn-3)[^3]".

{% hint style="info" %}
При загрузке логотипа в формате SVG, встроенный редактор недоступен и логотип загружается без необходимости нажатия "Save".&#x20;
{% endhint %}

В стандартном дизайне, логотип будет отображаться в левом верхнем углу - [**скриншот**](#user-content-fn-4)[^4]. При нажатии на логотип, пользователя будет перенаправлять на главную страницу.&#x20;

## Иконка сайта

{% hint style="info" %}
Иконка сайта (favicon) должна быть не менее чем: 512 x 512 px и иметь формат: PNG,JPG,JPEG
{% endhint %}

Для того чтобы загрузить иконку сайта, необходимо нажать "[**Загрузить изображение**](#user-content-fn-5)[^5]" в блоке "Загрузить иконку сайта" -> выбрать необходимое изображение -> если необходимо, то вы можете изменить масштаб и размер логотипа во встроенном редакторе после загрузки -> нажать "[**Save**](#user-content-fn-2)[^2]" в правом нижнем углу редактора. После того как логотип будет успешно загружен - отобразится всплывающее окно с надписью "[**Success**](#user-content-fn-3)[^3]".

Иконка сайта (favicon) будет отображаться во вкладке браузера - [**скриншот**](#user-content-fn-6)[^6].

## Логотип для письма

{% hint style="info" %}
Логотип для письма должен быть не менее чем: 300 x 60 px и иметь формат: PNG,JPG,JPEG
{% endhint %}

Для того чтобы загрузить иконку сайта, необходимо нажать "[**Загрузить изображение**](#user-content-fn-7)[^7]" в блоке "Upload logo for email" -> выбрать необходимое изображение -> если необходимо, то вы можете изменить масштаб и размер логотипа во встроенном редакторе после загрузки -> нажать "[**Save**](#user-content-fn-2)[^2]" в правом нижнем углу редактора. После того как логотип будет успешно загружен - отобразится всплывающее окно с надписью "[**Success**](#user-content-fn-3)[^3]".

Логотип для письма будет отображаться в шаблоне письма с левом верхнем углу - [**скриншот**](#user-content-fn-8)[^8].

## Верстка сайта

Верстку сайта возможно изменять через код client-web. Подробнее о разработке: [Разработка client-web](/dlya-razrabotchikov/razrabotka-client-web.md)

[^1]: ![](/files/Pey5QhfighwVB3xYJvxU)

[^2]: ![](/files/F8YaFH0WI8hroxze2NbX)

[^3]: ![](/files/R9HeNUnbQguDvTECV1Wt)

[^4]: ![](/files/S0sbDcwUF8uxgpgVGvM1)

[^5]: ![](/files/02tTtwtpoPSmA42py22a)

[^6]: ![](/files/MECkIFJeV5TjUcPDs9f3)

[^7]: ![](/files/n6LrmrWMGmRGknvkmExY)

[^8]: ![](/files/kl6dRibi0jLDgoiAM633)