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

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

Модуль бронирования 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
Оставить комментарий
Нажмите для звонка
Хотите заказать сайт?
Обращайтесь любым удобным способом и мы поможем подобрать интересный вариант для Вас!