The detail screen contains the product details of a selected product.
The object header can contain following items:

product name, picture, price, category, subcategory, the status and if applicable, a favorite icon marks objects as favorites.

Besides other information like manufacturer, supplier and so on can be listed in the content area.

With a click on the product picture it will be enlarged. The user can also add a review to the product.

Finally the user can add the product from the detail screen to cart via “Add to Cart” button in the footer tool bar.

The user has two possibilities to add a product to the cart:

1. Add a product directly on the product list.
2. Add a product on detail page.

A message toast confirms the success. If an error occurred, an error dialog will be shown.

Shows all collected products with quantity, unit price, and subtotal.

The users can change the quantity of the containing products or remove items from the cart.
With a click on the item the product details page will be shown.

The back button in the header brings the users back to the last page.

The Go to Checkout button brings the users to the check out step(s).

The checkout consists of one or more steps and ends with the ordering of the products.

Usually the users need to enter delivery information. Other steps might be necessary too, e.g. entering accounting information.
The screen also contains a list of the products that will be ordered.