Создать прогресс бар в корзине на Bitrix

На сайте face-market.ru необходимо реализовать прогресс бар в корзине.

Макет: https://www.figma.com/file/W0ZmjO9V9ypxCO1NciB4rF/...


Что необходимо сделать:

1. Определение города.

Город определяется автоматически и выводится плашка: «Ваш город ХХХ? да|нет».

Если выбрано «нет», то показывается вторая плашка с выбором города (есть на макете).

Город запоминается для расчета данных в прогресс баре.

Всплывашка появляется на любой странице, значение запониминается в куках.

Регионы фиксированные.


2. Прогресс бар

Все актуальные шаги прогресс бара изображены на макете.

Условие только одно, если выбран город «Ростов-на-дону», то для него нет первого шага про бесплатную доставку от 3000, сразу начинается шаг про 15% и скидку от 10 000.

Для всех остальных городов все шаги актуальны на макете.


Тестовый сайт развернут. Проект на Bitrix.

*Сферу поставить Бэкенд, но нужно еще и с версткой.