От заказчика была задача по имеющемуся HTML шаблону создать полноценный WordPress сайт. Готовый сайт должен был быть адаптивным и многоязычным (4 языка).
Основной фичей данного проекта стало создание калькулятора для расчета стоимости доставки грузов.
Калькулятор сделан в виде формы с рядом полей, на основе заполнения которых автоматически рассчитывается стоимость доставки. Выбор городов в полях «Откуда» и «Куда» сделан с помощью Google API, а сами города по просьбе заказчика ограничены только Израилем. Если указаны оба города (здесь проводится проверка, что такие города реально существуют в Израиле), то скрипт автоматически рассчитывает и показывает расстояние между ними. Это расстояние в том числе влияет на итоговую стоимость доставки.
В нижней части калькулятора доставки реализовано бесконечное добавление предметов для перевозки. После выбора предмета из списка появляется его изображение. Так же реализованы кнопки добавления неограниченного количества предметов и удаления любого или всех предметов.
Когда указаны оба города и добавлен хотя бы один предмет, включается режим расчета стоимости доставки — при каждом дальнейшем изменении любого значимого поля на форме скрипт делает Ajax-запрос к серверу, который возвращает стоимость доставки на основе введенных данных. Эта стоимость показывается в нижней части калькулятора.
После заполнения всех полей формы и нажатия кнопки «Отправить заказ» формируется карточка итогового заказа и информация о заказе отправляется на почту администратору сайта.
Все настройки калькулятора (названия предметов, выбор изображений, задание стоимости доставки и т.д.) удобно задаются в административной части сайта.
Посмотреть калькулятор можно здесь.