1. Главная
  2. Блог
  3. Полезные статьи
  4. Модальное окно с Travelline

Модальное окно с Travelline

20 апреля 2024
123

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

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

На одном из сайтов нашли вариант, когда окно загружается при нажатии на пункт главного меню. В теге ссылки присутствует атрибут data-tl-booking-open|true именно он отвечает за открытие окна модуля Travelline.

В нашем случае кнопка создана в конструкторе Elementor для Wordpress, поэтому обычное добавление атрибута в тег <a> не подойдет. Смотрим настройки вкладки Содержимое элемента Кнопка. Находим поле произвольные атрибуты, атрибут в него добавляется через вертикальную черту: название атрибута|значение атрибута. Добавляем в поле data-tl-booking-open|true.

trvln.jpg

смотрим в браузере код нашей кнопки - атрибут появился внутри тега <a>

trvln1.jpg

При нажатии на кнопку ЗАБРОНИРОВАТЬ загружается окно бронирования. Всё корректно!

trvln2.jpg

Комментарии
Name
Email
Phone
Ваше имя
Ваш email
Оставить комментарий
Нажмите для звонка
Хотите заказать сайт?
Обращайтесь любым удобным способом и мы поможем подобрать интересный вариант для Вас!