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

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

<figure><img src="https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2FQyzn3oulxKj1sxpSLnGp%2Fimage.png?alt=media&#x26;token=259ccc08-03da-4b31-9ed6-b9aeb7caa14f" 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. Подробнее о разработке: [razrabotka-client-web](https://manual.boxexchanger.net/dlya-razrabotchikov/razrabotka-client-web "mention")

[^1]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2F8rpxaBLSIBKkkIuecpkd%2Fimage.png?alt=media\&token=d5fd3c4c-a88b-453d-a668-256a0231ab03)

[^2]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2F0T08cmwTBYrIXFsasd2J%2Fimage.png?alt=media\&token=048a2c98-4b93-479f-987d-e3473ed82048)

[^3]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2FQrzD6PeOvjEIU3x3FHva%2Fimage.png?alt=media\&token=a9978c0c-d289-44a9-9057-04d33a9a1c33)

[^4]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2FX3zyr113LK5qf6KLXMxb%2Fimage.png?alt=media\&token=c43b1f8d-79e4-46ce-b2ba-2752acc9c0bb)

[^5]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2FhMsRtCsjbdhCzmVCxtks%2Fimage.png?alt=media\&token=54f0008c-4609-47dc-85f0-32c89de518a5)

[^6]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2FMTfUunZp8I1kheLXoyZC%2Fimage.png?alt=media\&token=ee335ac4-37d9-4cf4-9549-48f073ee018a)

[^7]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2FougqzlyNRr6QmYYFPx1u%2Fimage.png?alt=media\&token=b9dd6d7b-9fc6-4b4a-9f13-46c8836f9233)

[^8]: ![](https://3272217808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMtUdLxlDooDfKq13Is6%2Fuploads%2F9OuqMbQ6Zr80hoN36zpc%2Fimage.png?alt=media\&token=09400453-5c1c-40ae-ae01-a18117795b64)