====== How to Order ======


There are three steps to follow when placing an order:

  - Select Customer.
  - Add Products.
  - Delivery Info.
{{ :orders:orderflow.svg |}}


===== Ordering Process =====

====Step 1A :====

  * //**Login**//

  * Select //**Create Order**//

{{:orders:2023-03-28_09-14.png?x250|}}


==== Step 1B : ====

===Select Customer===

The customer list is alphabetically sorted.

To **select a customer** you can:

  *//**Search**// for the customer by typing in the first few letters of the customer's name; or
  *//**Click**// on the customer's name from the list.

{{:orders:2023-03-27_16-31.png?x250|}}
  

==== Step 2:  ====

===Add Products===

  * Use //**Search**// to find the product.

  * Select //**Categories**// to **filter** products by **ticking the boxes** next to the preferred categories.

  * //**Scroll down**// to see images and information of products found.

{{:orders:2023-03-27_16-29.png?200|}}

  * **Select** the appropriate product by clicking on //**Order**//.
 


{{:orders:2023-03-27_16-29_1.png?200|}}


  * Enter the //**Quantity**// you would like to order.

  * Add any **comments** in the //**Additional notes**// window.

  * Click on //**Order**//.

{{:orders:2023-03-27_16-30.png?200|}}

  * Click //**Continue shopping**// to add more items; or

  * Click //**View Cart**// to **Check out** or **change** order information.

{{:orders:2023-03-27_16-33.png?200|}}


=== Continue Shopping ===

If you choose to //**Continue Shopping**//, the  **Cart**  icon will show the number of items in your cart.\\

Users can **add more items** or click on the  **Cart**  icon to **view** the cart.

{{:orders:2023-03-27_16-32.png?200|}}
  

===View Cart===

You can do various things in the **Cart**:

  *  Click //**Continue Shopping**// to add more items;

  *  Click //**Check Out**// to complete delivery information;

  *  Add or edit //**Additional notes**// on the order;

  *  //**Remove**// a product item from the order.

{{:orders:2023-03-27_16-34.png?200|}}

Once you have scrolled through your entire order and you are satisfied with the order, click //**Check Out**//.

==== Step 3 ====

===Delivery Info===

  * Enter the //**Customer Purchase Order**// number (if known at time of order).

  * Select the //**Delivery Type**//.

  * Select a //**Saved Address**// or enter a //**Custom Address**//.


{{:orders:2023-03-27_16-35.png?200|}}

  * Select the type of //**labels**// you would like.

  * Click on //**Check Out**// to create the order.

{{:orders:2023-03-27_16-36.png?200|}}
 
  * Select //**OK**//  to create the order; or
  * Select //**Cancel**//  to continue editing the order.

{{:orders:2023-03-27_16-36_1.png?200|}}

===Order created===

If the user is offline, the order will go into **offline order** and can be created once the user has a data connection.

**Note : This order still needs to be reviewed and can be changed based on availability of product and transportation.**

{{:orders:2023-03-27_16-36_2.png?200|}}