Creating an Orders Page

The Orders page displays a business customer’s order history, including open orders. You can select a pending order to continue checking out, approve or reject it based on a workflow, or delete it completely. You can select a placed order to view more details about it.

Creating a New Page

  1. Open the Product Menu (Product Menu), and navigate to Site BuilderPages.

  2. To add a child page, click Add (Add) next to the catalog page and click Add Page.

  3. Select the master page template.

  4. Enter the name as Orders and click Add. This opens the new page in edit mode.

Customizing the Orders Page

  1. Drag and drop a container on the page. Change the Container Width to Fixed Width.

  2. Go to the Styles tab and in the Spacing settings, choose Spacer 5 for the margin on the top of the element.

  3. Drag and drop a Heading fragment below it.

  4. Set the header title to Pending Orders.

  5. Go to the Styles tab and in the Spacing settings, choose Spacer 4 for the margin at the bottom of the element.

  6. In the Text settings, set the text alignment to center.

  7. Drag and drop the Open Carts widget inside the fixed width container below the heading fragment.

  8. Drag and drop another Heading fragment below the open carts widget.

  9. Set the header title to Placed Orders.

  10. Go to the Styles tab and in the Spacing settings, choose Spacer 4 for the margin on the top and bottom of the element.

  11. In the Text settings, set the text alignment to center.

  12. Drag and drop the Placed Orders widget inside the fixed width container below the heading fragment.

The orders page contains two sections displayed placed orders and pending orders.

The orders page is ready to use now.

Next: Creating a Checkout Page

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy