Section 02 Top bar steps functionality | orderingonlinesystemhq

Section 02 Top bar steps functionality

Keywords, edit images, icon, top icon,edit, edit top icons

 

How it works? Introduction

Basically is the steps bar showing the user active step.

 

How to's? And functionality

      • Depending on which step the user is in the top bar changes to indicate the user on which step is in.

For example on this step it will appear active the step 2 - pickup restaurant step

Machine generated alternative text: Select Location  Pickup Restaurant  Place Order  Make Payment  Get Delivered

 

When a restaurant is selected it shows the place order step

Machine generated alternative text: Select Location  Pickup Restaurant  Place Order  Make Payment  Get Delivered

 

When the order is created the user proceeds to checkout

Machine generated alternative text: Select Location  Pickup Restaurant  Place Order  Make Payment  Get Delivered

 

And finally the confirmation screen

Machine generated alternative text: Select Location  Pickup Restaurant  Place Order  Make Payment  Get Delivered

 

 

 

Additional Developer tips

 

The images can be changed  by replacing the current images on your FTP.

      • images/step2-business-listing/locetion_logo.png (The Size images is 50x50)
      • images/step2-business-listing/pickup_logo.png (The Size images is 50x50)
      • images/step2-business-listing/place_order.png (The Size images is 50x50)
      • images/step2-business-listing/make_payment.png (The Size images is 50x50)
      • images/step2-business-listing/get_delivered.png (The Size images is 50x50)

 

 

Upcoming Features

      • Icon changes from backend
      • Text changes from backend

 

 

Related Articles