Как открывать каталог (+Hash-ссылки для открытия каталога)
Как открывать каталог
Для этого есть 4 разных способа:
1️⃣ Установите ссылку на открытие
Укажите для нужной ссылки атрибут href="#dp"
Тогда при клике на эту кнопку каталог будет открываться автоматически. Если нужно больше параметров, то воспользуйтесь методом, описанным ниже
2️⃣ Путем изменения hash в браузере
Если hash="#dp", то каталог откроется автоматически.
Если этот хэш стоит у ссылки, то каталог откроется сразу. Вот пример:
https://teach.domoplaner.ru/catalog-in-site#dp
3️⃣ Путем указания атрибутов и классов на элементы
В таком случае каталог будет запущен при клике на них.
Вы можете указать следующие селекторы:
– добавить на элемент атрибут data-domoplan-open="1"
– добавить на элемент класс data-domoplan-open
4️⃣ Через JavaScript
Вызовите функцию Domoplaner.openCatalog()
Если у вас несколько проектов на одной странице, то вы можете вызвать нужную вам версию виджета через передачу его ID в этой функции. Например, Domoplaner.openCatalog("123/Gre8gd");
Hash-ссылки для открытия каталога
Вы можете настроить вид, который будет открываться в каталоге.
Для этого сделайте тег ссылки и укажите внутрь следующую конструкцию:
<a href="#dp/SECTION"></a>
Замените слово SECTION на следующие значение для открытия нужного раздела по умолчанию:
agencyForm - форма уведомления
facades - фасады
floors - этажи
plans - планировки
chess - шахматка
parking - паркинг
pantries - кладовые
other - другие объекты
Выбор конкретного этажа
floors можно открыть с указанным этажом. Для этого поле href ссылки сделайте таким:
#dp/floors?floor=21 где 21 - этаж, который нужно открыть
Открытие каталога с фильтрами
plans и chess можно открыть с фильтрами по комнатности, стоимости и площади. Просто передайте в href
Фильтр по комнатности
#dp/plans?rooms=1-1с где 1 и 1с - это типы комнатности, доступные в фильтре по планировкам. Можно добавить все типы через знак разделитель "минус"
Фильтр по стоимости
#dp/plans?price_from=5000 где фильтр price_from покажет квартиры со стоимостью ОТ указанного значения, которое необходимо прописать в тысячах. В данном примере в каталоге отобразятся квартиры ОТ 5 млн. руб.
#dp/plans?price_to=5000 где фильтр price_to покажет квартиры со стоимостью ДО указанного значения.
Если необходимо показать квартиры в определенном диапазоне по стоимости, то можете воспользоваться структурой:
#dp/plans?price_from=5000&price_to=6000
Фильтр по площади
#dp/plans?&area_from=50 где area_from покажет квартиры с площадью ОТ 55 кв. метров.
#dp/plans?&area_to=50 где area_to покажет квартиры с площадью ДО 55 кв. метров.
Если необходимо показать квартиры в определенном диапазоне по площади, то можете воспользоваться структурой:
#dp/plans?area_from=50&area_from=60
Также есть возможность комбинировать фильтры между собой через &:
#dp/plans?rooms=1-1с&price_from=5000&area_from=50
Выбор конкретного дома
Во все разделы (кроме agencyForm) вы можете передать параметр house_id. Например, для такого кода #dp/plans?rooms=1-1c&house_id=222 будет открываться вид ПЛАНИРОВКИ с фильтром по дому с ID=222, где будут выделены только 1-комнатные и 1-комнатные студии
ID домов можно запросить у технической поддержки Домопланера
Выбор конкретного каталога
Если вы планируете работать на одном сайте сразу с несколькими каталогами, то можете открывать конкретные каталог следующим образом:
#dp/293/F9hdAh/floors?floor=21
где 293/F9hdAh - ID каталога, который вы хотите открыть. Остальные настройки указывайте уже после этого ID
Фильтр планировок при открытии.
Можно передать через знак минус несколько ID того или иного типа, и планировки отфильтруются при старте.
– по особенностям (берем ID тут)
#dp/plans?tag_id=ID1-ID2
– по акции (берем ID тут)
#dp/plans?discount_id=ID1-ID2