Create a progress bar in your shopping cart on Bitrix

On the site face-market.ru you need to implement the progress bar in the cart.

Layout: https://www.figma.com/file/W0ZmjO9V9ypxCO1NciB4rF/...


Heres what you need to do:

1. Definition of the city.

The city is determined automatically and a plate is displayed: "Your city XXX? yes|no."

If "no" is selected, then the second plate with the choice of the city (there is on the layout) is shown.

The city is remembered to calculate the data in the progress bar.

A pop-up appears on any page, the value is caught in cookies.

Regions are fixed.


2. Progress bar

All current steps of the progress bar are shown on the layout.

There is only one condition, if the city of Rostov-on-Don is chosen, then there is no first step for it about free delivery from 3000, immediately begins the step about 15% and a discount of 10 000.

For all other cities, all steps are relevant on the layout.


The test site is deployed. Project on Bitrix.

*The sphere is put Backend, but you also need to with the layout.