> For the complete documentation index, see [llms.txt](https://enappd.gitbook.io/ionic-5-food-ordering-template/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enappd.gitbook.io/ionic-5-food-ordering-template/template-features/screens/cart-page.md).

# Cart Page

## **Your Cart - Empty**

![](https://cdn-images-1.medium.com/max/640/1*qSpce-3N7EeGHqQEatUYVA.png)

This is the third tab of the application.

This page contains the added items/products by the user from the product detail page. We can check the added items in our cart in list view arranged in the vertical direction.

When there is no item in the cart the above screen appears.

## **Cart Page - Filled / Billing**

![](https://cdn-images-1.medium.com/max/640/1*9kO2mvPI_TejuSq2DWXcxg.png)

This page can be accessed from the restaurant's product details by clicking on the **VIEW CART** button at the bottom right of the page.&#x20;

This page contains the total item and total item cost including restaurant charges and taxes, selected by the user in the previous page. Above is only UI.
