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