Курсы обучения
+7 (351) 777-80-70
2021.05.07

Контакты - Линейка решений INTEC: Universe

В этом уроке мы расскажем о настройке компонента карты и о настройке контактных данных в этом компоненте.

map2.PNG

Для отображения карты нужно добавить компонент Виджет. Перейдем в параметры этого компонента (или сначала добавим).

map3.PNG

Выберем для отображения карты шаблон contacts.1.

map4.png


Использовать "ленивую загрузку" изображений - включает и отключает LazyLoad для подгрузки изображений. При включенной опции изображения будут загружаться не сразу, а в момент попадания данного блока в видимую область экрана. Это оптимизирует скорость загрузки страницы.
При необходимости включаем/отключаем эту функцию.

Далее выбираем тип инфоблока и инфоблок для вывода информации.

map5.PNG

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

Если мультирегиональность включена, настраиваем ее.

map6.PNG

Далее выбираем свойства для вывода:

map7.PNG

Настраиваем параметры отображения для формы обратной связи, если она нужна.

map8.PNG



Второй вариант настройки карты.

Для отображения карты нужно добавить компонент bitrix:main.include (Виджеты - Компонент - Служебные - Включаемые области). 
В параметрах компонента оставляем, как есть и сохраняемся.
Затем выходим из конструктора, сбрасываем кэш страницы и включаем режим правки.




Затем находим место расположения включаемой области, наводим на нее и кликаем "Добавить область."


В визуальном редакторе добавим виджет: Universe - Блок "Виджет" и двойным кликом по виджету перейдем в параметры компонента.


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


По описанному пути перейдем в параметры компонента. Сначала выберем шаблон contact.1, чтобы отобразились настройки карты и контактных данных.


Далее идут основные настройки компонента. Сначала включаются или отключаются глобальные настройки, про которые можно узнать в уроке настройки шапки. После чего настраивается карта: выбирается тип карты (Google, Яндекс), стартовый тип карты и настраивается сама карта - указываются координаты, точки на карте, масштаб.





Затем идут настройки контактных данных - это адрес, телефон, веб-форма и почта.



В разделе "Внешний вид" настраивается внешний вид карты и блока с информацией.


Заканчиваются настройки параметрами кэширования дополнительными настройками, в которых указываются элементы управления картой и функциональные настройки.


После настройки компонента сохраняемся, затем еще раз сохраняемся в визуальном редакторе.



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


Чтобы перейти в настройки компонента, заходить в конструктор не нужно - это делается также через режим правки по клику "Изменить область", а затем в визуальном редакторе нужно дважды кликнуть по виджету.



Наши решения