> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Render a list of all orders placed by a customer

<Frame>
  <img src="https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/orders-list.png?fit=max&auto=format&n=WJpokBS_R24FjARc&q=85&s=5e289ef83181d3f03aa7e8f6ef86d97d" width="1603" height="365" data-path="images/orders-list.png" />
</Frame>

You can use this orders element to display a list of all orders placed by a customer. This element is useful for customer service representatives who need to quickly access a customer's order history.

Orders list allows users to view the order number, fullfilment status, payment status and also allow users redirect to shopify order page and carrier tracking page.

Orders elements consists of two sub elements:

<CardGroup cols={2}>
  <Card title="Orders List" icon="input-pipe" href="/webflow/customer/orders-list">
    A template that renders a list of all orders placed by a customer.
  </Card>

  <Card title="Orders Empty State" icon="list" href="/webflow/cart/default/discount-list">
    A div that is visible when there are no orders placed by a customer.
  </Card>
</CardGroup>