Натяжка HTML шаблона на WordPress

От заказчика была задача по имеющемуся HTML шаблону создать полноценный WordPress сайт. Готовый сайт должен был быть адаптивным и многоязычным (4 языка).

Основной фичей данного проекта стало создание калькулятора для расчета стоимости доставки грузов.

Калькулятор сделан в виде формы с рядом полей, на основе заполнения которых автоматически рассчитывается стоимость доставки. Выбор городов в полях «Откуда» и «Куда» сделан с помощью Google API, а сами города по просьбе заказчика ограничены только Израилем. Если указаны оба города (здесь проводится проверка, что такие города реально существуют в Израиле), то скрипт автоматически рассчитывает и показывает расстояние между ними. Это расстояние в том числе влияет на итоговую стоимость доставки.

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

Когда указаны оба города и добавлен хотя бы один предмет, включается режим расчета стоимости доставки — при каждом дальнейшем изменении любого значимого поля на форме скрипт делает Ajax-запрос к серверу, который возвращает стоимость доставки на основе введенных данных. Эта стоимость показывается в нижней части калькулятора.

После заполнения всех полей формы и нажатия кнопки «Отправить заказ» формируется карточка итогового заказа и информация о заказе отправляется на почту администратору сайта.

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

Посмотреть калькулятор можно здесь.