# Общие параметры каталога

## Логотип компании

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FTgTitr0PhSkPopmPC5sT%2F2025-09-29_16-56-28.png?alt=media&#x26;token=f6e16b13-b823-474a-a619-12ce90d9a83a" alt=""><figcaption></figcaption></figure>

Чтобы настроить вывод логотипа Вашей компании в шапке каталога недвижимости, нужно задать логотип в настройках [того домена](#user-content-fn-1)[^1], на котором будет размещаться каталог.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FQiQhTbQUSyO7rJoT6IIU%2F2025-09-29_08-40-55.png?alt=media&#x26;token=68065a05-bbdf-4ec6-b9a3-2193ed64f967" alt=""><figcaption></figcaption></figure>

Найдите пункт настроек <mark style="background-color:purple;">**Логотип**</mark> в разделе <mark style="background-color:purple;">**Общие**</mark>.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FriyHcjLZXbSYPMAfdMvO%2F2025-09-29_08-45-36.png?alt=media&#x26;token=3b60e53a-9ff9-4849-8043-aa9dcd9be2c9" alt=""><figcaption></figcaption></figure>

Укажите ссылку на логотип. Будет надёжнее, если логотип будет располагаться на официальном сайте компании. Несколько практических советов:

* Лучше использовать векторный формат SVG — он меньше по размеру, а значит и каталог будет открываться быстрее.
* Используйте горизонтально ориентированную версию логотипа Вашей компании. Шапка имеет фиксированную высоту, а значит вертикально ориентированный логотип будет выглядеть мелко и некрасиво.
* По умолчанию клик по логотипу приведёт пользователя на самый верхний уровень каталога. Если требуется, укажите специальную ссылку, по которой перейдёт пользователь каталога при клике по логотипу.

## Телефон отдела продаж

[Подробная статья](https://docs.macrodigital.ru/manual/macrocrm/katalog-nedvizhimosti/mc_content/nomer-telefona-otdela-prodazh) с вариантами задания телефонов.

## Язык каталога

Если Вы планируете работать с клиентами разных стран, то задайте требуемые языки из списка доступных в настройке <mark style="background-color:purple;">**Язык виджетов**</mark>.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2F6RrqfRWAxjKTfVnW3Ftg%2F2025-09-29_08-48-42.png?alt=media&#x26;token=f1201230-3776-40cc-b30b-12cd3573e8b3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FqbHVFNjNU28mP5W8NG5X%2F2025-09-29_16-58-10.png?alt=media&#x26;token=696adbfb-d091-4e78-bf14-dbfa8b459f44" alt=""><figcaption></figcaption></figure>

## Настройки видов дома

Вы можете задать виды дома в [настройках виджетов](#user-content-fn-2)[^2] для каждой категории объектов, которые будут отображаться клиенту в <mark style="background-color:purple;">**каталоге недвижимости**</mark>.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FftiLO2g6cSTTW6s5CN49%2Fmacroserver.ru_account_company_api_widgets_macrocatalog_1_457_edit.html(desktop)%20(2).png?alt=media&#x26;token=6fb8b095-2db9-4ab9-8a1b-4a6f3aa9de23" alt=""><figcaption></figcaption></figure>

Сформируйте порядок вывода кнопок видов, перетаскивая их за [специальную кнопку](#user-content-fn-3)[^3]. Вид дома, указанный в списке первым, будет стартовым при входе в дом.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FxdkcXGYBFtq98sDbeS1v%2F2025-10-20_14-49-51.png?alt=media&#x26;token=f90bf863-d817-43ef-9ae5-0679ba21ab08" alt=""><figcaption><p>Этаж выбран первым в настройке, поэтому при входе в каталог первым открывается именно он</p></figcaption></figure>

В мобильной версии первые 4 вида будут отображаться отдельными кнопками внизу страницы, а остальные виды будут отображаться в меню.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FdQlXfYd4CPETGI8YSZfh%2F2025-10-20_14-44-44.png?alt=media&#x26;token=7e60b92c-774b-4e76-8732-1c76b1f8fa93" alt=""><figcaption></figcaption></figure>

Вы также можете конкретизировать общую настройку <mark style="background-color:purple;">**видов дома**</mark>, указав набор <mark style="background-color:yellow;">**видов**</mark> в разрезе категорий определённого дома в [его настройках](#user-content-fn-4)[^4].&#x20;

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2Fu8t5wVsgwPGEgN3rQc6c%2Fsales.realdb.ru_account_groupestate_config_198540_(desktop).png?alt=media&#x26;token=2e716399-a4bd-44cc-9fb7-82ec88ab6099" alt=""><figcaption></figcaption></figure>

## Оформление виджета

### Цвета

Каталог недвижимости можно оформить в фирменных цветах компании. Для этого зайдите в настройки виджетов и задайте HEX-коды фирменных цветов.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FO0v5trxIjgmaG7ZC9P6L%2F2025-09-29_08-59-40.png?alt=media&#x26;token=747646b2-d878-45b4-ba3c-767dd2350cd9" alt=""><figcaption></figcaption></figure>

* <mark style="background-color:yellow;">**Фирменный цвет**</mark>: основной цвет оформления элементов каталога: активных кнопок, отметок на карте, подвала с кнопками в мобильной версии

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FJJlHlup29JAP25z8hTjM%2FFrame%2026.png?alt=media&#x26;token=031ff7ee-c63b-4fde-b337-027936a8fe5c" alt=""><figcaption></figcaption></figure>

* <mark style="background-color:yellow;">**Вспомогательный цвет**</mark> в основном используется для второстепенных кнопок и svg-разметки различных разделов каталога: генпланов, фасадов, поэтажных планировок. Также от этого цвета автоматически будут браться производные цвета для обозначения состояний svg-разметки: обычное, активное и при наведении

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FZsjxieMSqB7FLFALhMjW%2FFrame%2027.png?alt=media&#x26;token=04f53227-d9ed-4975-bcd4-030189c89825" alt=""><figcaption></figcaption></figure>

![](https://help.macrodigital.ru/upload/pages/manual/macrocatalog/main/006_svg.png)

### Стоимости и цены

В виджетах MACRO есть 2 варианта отображения стоимостей объектов:

* <mark style="background-color:blue;">**Прайсовые**</mark> — вариант по умолчанию
* <mark style="background-color:blue;">**Минимальные с учётом акций**</mark> — используйте их, если требуется дополнительно заинтересовать клиента.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2F5B5hZTs5KmTfx1YDPXoF%2Fimage.png?alt=media&#x26;token=b9de544c-87cc-4b60-a028-9eb67097f554" alt=""><figcaption></figcaption></figure>

При изменении стоимостей объектов или задании/редактировании акций компании система MACRO пересчитывает минимальную стоимость каждого объекта. И использует в каталоге недвижимости и кабинете агента именно минимальную стоимость.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2Fh2n329Zd0SNCxvUtb2Yt%2F2025-09-29_09-38-46.png?alt=media&#x26;token=10dcaaa7-aea9-47c3-b6c6-b06b7fc44da3" alt=""><figcaption></figcaption></figure>

### **Цветность поэтажных планов**

По умолчанию поэтажные планы обесцвечиваются, чтобы отсутствовало пересечение цвета статусов разметки с цветом самого плана.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FW3ChxriOnvVLncHpIL2v%2F2025-09-29_09-49-19.png?alt=media&#x26;token=445b43f4-0079-40f4-b539-fa1ebe6c109c" alt=""><figcaption></figcaption></figure>

Но если вы не используете глубокую заливку разметки объектов, то можно вернуть цвет поэтажных планов с помощью переключателя.

![](https://help.macrodigital.ru/upload/pages/manual/macrocatalog/main/008_floor.png)

### **Разметка на фасадах**

По умолчанию разметка фасадов скрыта, но при клике по любому доступному месту изображения фасадов каталог подсветит доступную разметку.

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2FsC2erVrRdBa51QrCYrvO%2Fchrome_LXf71qgDob.gif?alt=media&#x26;token=a076467b-ddff-4fe6-8198-53256b88e50c" alt=""><figcaption></figcaption></figure>

Если требуется включить заливку доступной разметки, то задайте в настройке <mark style="background-color:purple;">**Прозрачность SVG-разметки на генплане и фасаде**</mark> значение отличное от нуля в поле <mark style="background-color:yellow;">**Нормальное**</mark>.

### Z-index каталога

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

![](https://help.macrodigital.ru/upload/pages/manual/macrocatalog/main/013_index.png)

Тогда Вашему разработчику нужно указать в требуемом элементе Z-index меньше, чем указан в настройках каталога, или понизить Z-index самого каталога.

### **Анимация загрузки**

<figure><img src="https://2409287958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfkymnT1WRuXnrJRm6ZIO%2Fuploads%2F6GdtEaTr6gHg9a5N7Rt1%2Fchrome_6misxemHFN.gif?alt=media&#x26;token=71c67d2c-e9cc-462a-b9bd-a5c47575eac7" alt=""><figcaption></figcaption></figure>

В каталоге недвижимости можно задать свою собственную анимацию загрузки в виде GIF-файла.

![](https://help.macrodigital.ru/upload/pages/manual/macrocatalog/main/015_ainmation.png)

Укажите ссылку на файл анимации (лучше сделать её с прозрачным фоном) и задайте размер — дальше каталог сделает всё в лучшем виде!

[^1]: Адреса Вашего сайта, заданного в настройках виджетов раздела «Интеграции» настроек компании

[^2]: Компания — Интеграции — Виджеты MACRO&#x20;

[^3]: 6 точек

[^4]: Недвижимость — Дом — Настройки — Отображение в каталоге недвижимости