Позиции фрейма в каталоге Домопланера

В виджет каталога Домопланера внутрь карточки планировки можно добавить свои фреймы для отображения пользовательского контента: разместить там баннеры акций, специальных условий, или же ипотечный калькулятор на ваш вкус.

Для этого в настройках каталога в разделе "Планировки" если блок "Фреймы в карточке квартиры". Вставьте туда ссылки на нужные вам фреймы для отображения в карточке квартиры.

В ссылке вместо {flat_id} мы подставим вам ID помещения, которое просматривает клиент.

Вот пример тестового фрейма, который можете изучить для понимания работы:
https://domoplaner.ru/test-frame/214124/

Позиция "Перед кнопкой заявки"

Фрейм из "Перед кнопкой заявки" отображается внутри карточки планировки перед кнопкой "Оставить заявку" (выделено красным цветом на скриншоте).

Позиция "Во всю ширину"

Фрейм из "Во всю ширину" отображается внутри карточки планировки после плана и после бокового правого блока, и занимает ширину двух колонок (выделено красным цветом на скриншоте).

Что на вашей стороне?

Нужно сделать фрейм на белом фоне с контентом, который вам требуется. В ссылке мы передаем {flat_id} – это ID помещения, которое просматривает клиент.

Далее используйте наши фиды для получения данных.

Как управлять высотой

По умолчанию высота фрейма 0 пикселей. Каталог не видит высоту страницы внутри фрейма. Пока страница сама не сообщит размер, блок остаётся нулевой высоты и его не видно. Своей полосы прокрутки у фрейма нет: если контент выше блока, он обрежется.

Ваша страница должна отправить родителю сообщение:

parent.postMessage({ 
	type: 'dp-frame-resize', 
	height: 420 }, 
'https://domoplaner.ru');

height — высота всего видимого контента в пикселях. Каталог ставит фрейм ровно в этот размер. Потолка нет: какая цифра пришла, такой и становится блок. Сообщение нужно слать при загрузке и каждый раз, когда высота меняется: раскрылся блок, догрузилась картинка, пересчитался калькулятор.

У страницы:

html, body {
  margin: 0;
  height: auto;
  overflow: hidden;
}

height: 100% у html и body ставить не нужно. Иначе страница растягивается под текущий фрейм, сообщает уже большую высоту, и блок растёт сам по себе.

Каталог принимает сообщение только от этого фрейма и только с того домена, который указан в адресе в настройках. Другие сообщения игнорируются.