Reference My Account > Allow a Common Table Header on Order History and Returns Item List

Description:

By default, Reference My Account - Order History & Returns repeats its header (Order Date, Order Total, Order Number and Status) to every item shown on the list. This article will guide users to provide a common header on the Item List.

Requirements

1. Copy the order_history.txt file from Reference My Account folder to Custom My Account > Templates Folder.
2. Refer to the Help Center article "Deploying SSP Application Touch Points" for the steps on how to deploy the Custom Checkout SSP Application.

1. Edit order.txt and the header is called by these declarations:
   
   <%= _('Order Date').translate() %>, <%= _('Order Number').translate() %>, <%= _('Order Total').translate() %>, and <%= _('Status').translate() %>
   
   Create a TABLE and insert these declaration on the Table Head tag.
   
   
2. After your Table Header closing tag, insert this declaration :
   
   <% _.each(view.collection.models, function ( order_item ) { %>
   
   
3. Create a Table Row for the following data:
   
   <%= order_item.get('date') %>, <%= order_item.get('order_number') %>, <%= order_item.get('summary').total_formatted %> and <%= order_item.get('status') %>
   
   Then another Table Data for the class = "summary"

A sample declaration:

<table class="table"><thead><tr> <th><%= _('Order Date').translate() %></th> <th><%= _('Order Number').translate() %></th> <th><%= _('Order Total').translate() %></th> <th><%= _('Status').translate() %></th> </tr> </thead><% _.each(view.collection.models, function ( order_item ) { %> <tbody> <tr> <td><%= order_item.get('date') %></td> <td><%= order_item.get('order_number') %></td> <td><%= order_item.get('summary').total_formatted %></td> <td><%= order_item.get('status') %></td> <td class="summary"> <ul class="nav-list unstyled"> <li><a href="/ordershistory/view/<%= order_item.get('internalid') %>"><%= _('View Order Details').translate() %></a></li> <li class="divider"></li> <li><a href="/reorderItems?order_id=<%= order_item.get('internalid') %>"><%= _('Reorder Items').translate() %></a></li> <li class="divider"></li> <li> <% var trackingnumbers = order_item.get('trackingnumbers') || [] %> <% if ( !trackingnumbers.length ) { %> <span><%= _('Track Items').translate() %></span> <% } else if ( trackingnumbers.length == 1 ) { %> <a target="_blank" href="http://www.google.com/search?q=<%= trackingnumbers[0] %>"><%= _('Track Items').translate() %></a> <% } else { %> <a href="#" rel="clickover" data-content-selector="#traking-numbers-<%= order_item.get('internalid') %>" data-placement="left" data-original-title="<%= _('Shipments').translate() %>"><%= _('Track Items').translate() %></a> <span id="traking-numbers-<%= order_item.get('internalid') %>" style="display: none"><%= trackingNumbers(trackingnumbers) %></span> <% } %> </li> </ul> </td></tr></tbody> <% }) %></table>

 

Default layout

 

Customized layout