1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. Список - документация компонента Upline Studio

Навигация

Разделы доки

Demo компонента

Список

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

https://creatium-backend.uplinestudio.io/storage/317/ec9de1f790764a943c8e62bc813ae28c4r0XR.png.png

При клике на маркер или кластер вы можете показать в списке больше данных о выбранном объекте.

Показ списка

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

Оформление списка

Вы можете разместить список справа, слева или под картой.

На мобильных устройствах список всегда размещается под картой.

Шаблон и переменные

Отображение пункта списка настраивается обычными средствами Creatium.

Только вместо данных вы используете переменные {{f1}} {{f2}} … {{f8}}.

https://creatium-backend.uplinestudio.io/storage/316/f6c2dc15a7bd21b9579da0f82aaea6ed68oU5.png.png

Далее вы указываете, какие поля хотите использовать в качестве переменных. И компонент сам заменяет вашу разметку данными из нужных полей.

https://creatium-backend.uplinestudio.io/storage/315/a8e9f0e99c01c65db725deb7314a8c32YPpBF.png.png

Дополнительно

В реализации списка нам не хватало 2-х компонентов:

  1. Картинки с настраиваемым URL.
  2. Контейнера, который превращал бы всё своё содержимое в одну ссылку.

Ну и, конечно, мы сделали оба эти компонента. Они доступны всем бесплатно.

Картинка в компоненте позволяет вам указать переменную в адресе картинки.

Контейнер в компоненте позволяет сделать весь пункт списка ссылкой.

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium