Главная/WordPress Fullstack/Блупринты/WooCommerce/Разработка кастомного метода доставки (Custom Shipping Method) с интеграцией карты и пунктов выдачи (ПВЗ)
К карточкам раздела «WooCommerce»WooCommerce(ТЗ 40 из 54)
ТЗ: Разработка кастомного метода доставки (Custom Shipping Method) с интеграцией карты и пунктов выдачи (ПВЗ)Трудозатраты~14 рабочих часов
Фриланс вилка~$630 – $1,050 (€560 – €980)
Оценка веб-студии~$1,330 – $2,240 (€1260 – €2100)
ТЗ заказчика (исходный бриф):
«Нам нужен собственный способ доставки "Доставка в пункт выдачи (ПВЗ)". Стоимость должна считаться динамически: базовый тариф + вес корзины. На чекауте покупатель должен нажать "Выбрать на карте", открывается попап с картой, где точками отмечены ПВЗ. При клике на точку адрес ПВЗ и его ID подставляются в чекаут и обязательно сохраняются в заказ!»
Ключевые требования:
- •Создание кастомного метода доставки унаследованного от базового класса WC_Shipping_Method
- •Динамический расчет стоимости доставки: фиксированная ставка + надбавка за каждый килограмм веса корзины
- •Интерактивный виджет выбора ПВЗ на карте (Leaflet) с поиском и фильтром по станциям метро / адресам
- •Запись идентификатора выбранного ПВЗ и его точного адреса в сессию и метаданные доставки заказа
- •Валидация: запрет завершения оформления заказа, если выбран данный способ доставки, но ПВЗ не указан
Ограничения проекта:
- •Бесплатный картографический движок (Leaflet + OpenStreetMap) без жесткой привязки к платным ключам API
- •Полная совместимость с HPOS и нативным чекаутом WooCommerce
- •Отображение выбранного пункта выдачи в накладных и личном кабинете покупателя
Критерии приёмки (KPI):
- Время открытия карты ПВЗ < 200 мс
- 100% фиксация кода ПВЗ в метаданных доставки заказа для автоматической передачи в курьерскую службу
- Точный расчет стоимости с учетом веса всех вложенных товаров
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: