Creating an Orders Page
The Orders page displays a customer’s open orders and placed orders. You can select pending orders and continue to check out or delete them completely. You can select a placed order to view more details about a specific order.
Creating a New Page
Open the Product Menu (
), and navigate to Site Builder → Pages.To add a child page, click Add (
) next to the shop page and click Add Page.Select the master page template.
Enter the name as
Ordersand click Add. This opens the new page in edit mode.
Customizing the Orders Page
Drag and drop a container on the page. Change the Container Width to Fixed Width.
Go to the Styles tab and in the Spacing settings, choose Spacer 5 for the margin on the top of the element.
Drag and drop a heading fragment below it.
Set the header title to Pending Orders.
Go to the Styles tab and in the Spacing settings, choose Spacer 4 for the margin at the bottom of the element.
In the Text settings, set the text alignment to center.
Drag and drop the Open Carts widget inside the fixed width container below the heading fragment.
Drag and drop another heading fragment below the open carts widget.
Set the header title to Placed Orders.
Go to the Styles tab and in the Spacing settings, choose Spacer 4 for the margin on the top and bottom of the element.
In the Text settings, set the text alignment to center.
Drag and drop the Placed Orders widget inside the fixed width container below the heading fragment.
The orders page is ready to use now.
Next: Creating a Checkout Page