Свои виджеты Elementor для туристического сайта за 3 дня

Турагентство ведёт сайт на WordPress и Elementor, а каталог туров держит в плагине Yatra. Есть готовый набор виджетов Elementor для туров, но он написан под другой плагин, WP Travel Engine: хуки и структура данных у них разные, поэтому с турами заказчика эти виджеты не работали. Нужно было перенести виджеты «туры» и «направления» на его плагин, без поиска и корзины. После первой версии заказчик проверил её на своих турах и добавил задачи: раскладки карточек как в исходных виджетах, кликабельные разделы направлений и видов отдыха, правильную зачёркнутую цену со скидкой.

Писать виджеты с нуля не стали: быстрее и надёжнее оказалось перенести готовые шаблоны и подменить под ними данные. Сделали отдельный плагин-адаптер, который добавляет в Elementor свою категорию с четырьмя виджетами: аккордеон туров, карточка выделенного тура, модуль направлений и каталог туров с фильтрами и пагинацией.

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

По тесту заказчика прошли две итерации правок. Добавили раскладки карточек и цену со скидкой: бейдж процента, зачёркнутая старая цена и новая. Ссылки в модуле направлений повели на настоящие адреса разделов направлений, видов отдыха и категорий туров, так что ссылки на сайте переделывать не пришлось. Цены выводятся в рублях, как в настройках каталога, сложность и размер группы подтягиваются из тура, рейтинг не показывается, пока у туров нет оценок. Дни и ночи в турах пишутся с правильным склонением.

Четыре виджета сделаны за 3 дня, с 17 по 19 мая, вместе с двумя итерациями правок по тесту заказчика. Плагин работает на боевом сайте: виджеты тянут реальные туры и направления из каталога, скидки видны бейджем и зачёркнутой ценой, все 3 раздела (направления, виды отдыха, категории туров) открываются по правильным адресам. Заказчик получил блоки, из которых сам собирает страницы туров в Elementor. Работу он принял и оплатил, а сразу после оплаты сам предложил следующую задачу: фид туров для Яндекса.