Урок 68. Внешний калькулятор для способа доставки

Добавление и настройка способа доставки

Если вы проходили урок 21 про обзор способов доставки, без труда сможете добавить новый способ доставки:

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

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

Принцип действия внешнего калькулятора

Когда пользователь выбирает способ доставки с внешний калькулятором, то в форме заказа учитывается скрытое поле:

<input type="hidden" name="custom_delivery_tax" value="">

Так вот значение атрибута value этого поля запишется в стоимость заказа.

Особенности:
• значение в поле custom_delivery_tax записывается в условных единицах магазина и не зависит от выбранной пользователем валюты;
• значение может иметь отрицательную величину, таким образом сумма будет вычтена из общей стоимости заказа. Фактически такса превращается в скидку;
• значение может быть отредактировано на странице заказа администратором.

Свой скрипт для калькулятора

Теперь наша задача сводится к следующему:

1. Рассчитать стоимость доставки в зависимости от какого-либо параметра
2. Записать стоимость доставки в поле

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

var myCalculator = function(day){
 // стоимость доставки
 var cost = 0;
 switch(day) {
 // каждое первое число месяца стоимость равна 100у.е.
 case 1: cost = 100; break 
 // каждое двенадцатое число месяца стоимость равна 200у.е.
 case 12: cost = 200; break
 // каждое тридцать первое число месяца доставка бесплатна (таких дней всего 7 в году)
 case 31: cost = 0; break
 // по остальным дням мы не так щедры, доставка 500у.е.
 default: cost = 500;
 }
 // если поле custom_delivery_tax не существует
 if($('input[name="custom_delivery_tax"]').length == 0){
 // добавить его
 $('#checkout-form').append('<input type="hidden" name="custom_delivery_tax" value="0">');
 }
 // запись стоимости доставки в поле custom_delivery_tax
 $('input[name="custom_delivery_tax"]').val(cost);
}

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

myCalculator($DAY$);

Если собрать все воедино, то получим следующий код, который нужно разместить после $ORDER_FIELDS$ шаблона "Страница служебных форм":

<script src="/js/myCalculator.js"></script>
<script>myCalculator($DAY$);</script>

Конечно, это только один из примеров, как можно использовать внешний калькулятор. Попробуйте реализовать самостоятельно калькулятор:

• для товаров из определенной категории;
• для товаров с определенным id;
• для пользователей определенной группы;
• в зависимости от указанного города.

На этом урок закончен, задавайте вопросы в комментариях.