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

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

  2. To add a child page, click Add (Add) next to the shop 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