Техническое задание: Настройка страницы оформления заказа WooCommerce

Суть проблемы

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

• Невозможно редактировать визуальное оформление страницы через стандартные блоки WordPress/Gutenberg.
• Нарушена адаптивная верстка: элементы интерфейса (текст, кнопки) отображаются некорректно, "сплющиваются".
• Страница теряет целостный и профессиональный вид.

Поставленные задачи (на выбор исполнителя)

Вариант 1: Полная интеграция (предпочтительно)

• Настроить блочное (Gutenberg) отображение страницы оформления заказа.
• Интегрировать карту пунктов выдачи службы доставки в стандартный поток оформления заказа WooCommerce.
• Обеспечить возможность дальнейшего визуального редактирования страницы через конструктор блоков.

Вариант 2: Визуальная корректировка

• Оставить текущую реализацию через шорткод.
• Произвести детальную стилизацию (CSS) страницы для устранения визуальных недостатков:
• Исправить ширину контейнеров, чтобы текст отображался корректно.
• Привести размеры всех кнопок и интерактивных элементов к адекватному виду.
• Оптимизировать отображение для мобильных устройств.
• Устранить эффект "сплющивания" элементов.

Технические требования и условия

• Платформа: WordPress с плагином WooCommerce.
• Интеграция: Служба доставки (аналогичная СДЭК).
• Ключевое требование: Функционал выбора пункта выдачи на карте должен остаться полностью рабочим.
• Срок выполнения: В кратчайшие сроки (желательно в день обращения).

Ожидаемый результат

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