Note: This article only applies to the old designer. Not sure which designer you have? Check here.
This article explains how to enable a page in the customer account section of your store website which lets customers view a list of historical orders, and links to detailed pages for those orders.
1. Create the HTML page
Open the Code Editor for an unpublished copy of your design. Within the /html/customer directory, click 'Add New' and name the page something sensible, like orders.html.
Within the newly created HTML page, add the following code:
{% extends 'base.html' %}
{% block page_content %}
<div class="container-fluid">
{{ customer_helper.orders_list_page() }}
</div>
{% endblock %}
2. Add a link to the navigation bar
Within the base.html file, find the account-specific links for 'Logout' and 'My Account' (ctrl/cmd+f while focused on the code editor enables a text search for the currently opened page.)
Between the two existing customer-specific links, add a new link to the orders page:
<li><a href="/customer/orders" data-barley="nav_orders_list" data-barley-editor="link">My Orders</a></li>
3. Preview your new page
Click on the thumbnail of the unpublished design while logged into a customer account, then click the new link added to the account dropdown. You should end up on a page which looks like this:
