Настройка зон доставки

Карта с зонами доставки позволяет находить точный адрес с помощью АПИ Яндекс.Карт и передавать адрес в iiko,а также менять метод оплаты в соответствии с выбранной зоной на карте.
Для настройки отображения карты с зонами доставки на странице оформления заказа WooCommerce и возможности смены метода оплаты в зависимости от выбранной зоны, нужно сделать следующее:
  1. 1.
    Проверить активно ли управление доставками WooCommerce. Для этого перейдите в основные настройки WooCommerce -> Настройки -> Основные -> Локации доставки. Убедитесь, что выбран один из методов отмеченный зелёной рамкой:
    Локации доставки WooCommerce
  2. 2.
    Добавьте методы доставки WooCommerce. Перейдите в WooCommerce -> Настройки -> Доставка Нажмите на кнопку Добавить зону доставки или выберите существующую зону доставки. Откроется настройка зоны доставки WooCommerce, в которой вы можете управлять методами доставки. Создайте нужны методы доставки WooCommerce соответствующие зонам доставки на вашей Яндекс.Карте. Наиболее часто используемые методы это - Единая ставка и Бесплатная доставка:
    Добавление метода доставки WooCommerce
    После добавления метода доставки WooCommerce, откройте его и измените название и стоимость:
    Настройка метода доставки WooCommerce
    Результат:
    Методы доставки WooCommerce на странице настроек
    Методы доставки WooCommerce на странице оформления заказа
  3. 3.
    Создайте карту с зонами доставки. Перейдите на страницу конструктора Яндекс.Карт. Создайте необходимые зоны доставки. Пример:
    Конструктор Яндекс.Карт
    Название зоны должно совпадать названием метода оплаты WooCommerce выводимым на странице оформления заказа. Пример:
    Методы доставки WooCommerce и зоны доставки Яндекс.Карты
  4. 4.
    Экспортируйте Яндекс.Карту с зонами доставки. Нажмите кнопку Сохранить и продолжить в конструкторе Яндекс.Карт. Далее нажмите ссылку Экспорт, выберите формат GEOJSON и нажмите кнопку Скачать:
    Экспорт Яндекс.Карты с зонами в формате geojson
    Переименуйте экспортированный файл в data.geojson и загрузите в корень сайта или другую директорию.
  5. 5.
    Настройте плагин интеграции iikoCloud. Для этого перейдите в основные настройки WooCommerce -> Настройки -> iikoCloud -> Зоны доставки. 1. Укажите путь к файлу .geojson, созданному в предыдущем пункте. 2. Проверьте корректность импорта зон доставки вашей Яндекс.Карты. 3. Отметьте опцию Показать блок "Зоны доставки" на странице оформления заказа. 4. Укажите API ключ для Яндекс Карт, получить его можно по ссылке. 5. Укажите центр координат Яндекс.Карты, получить их можно по ссылке. 6. При необходимости измените настройки места вывода карты на странице оформления заказа. 7. Сохраните настройки.
    Настройка зон доставки в плагине интеграции iikoCloud
  6. 6.
    Использование Яндекс.Карты с зонами доставки. На странице оформления заказа отобразится Яндекс.Карта с зонами и полем ввода адреса под ней. 1. При вводе адреса будет появляться подсказка. 2. Выберите нужный адрес и нажмите кнопку Проверить адрес. 3. Выбранный адрес отобразится на карте в одной из зон Яндекс.Карты. 4. В методах оплаты WooCommerce будет выбран соответствующий выбранной зоне метод оплаты.
    Пример работы зон доставки на странице оформления заказа
Для более удобного поиска по карте нужно вывести поле Город на странице оформления заказа.
Поля Улица, Дом и Город можно скрыть стилями, добавив следующее правило в style.css вашей темы или в блок Внешний вид -> Настройка -> Дополнительные стили:
#billing_address_1_field, #billing_address_2_field, #billing_city_field { display:none; }
Данный функционал находится в разработке и будет улучшаться в дальнейшем.