Magento 2 offers a “My Account” section for the customers to check their details like account details, order and payment details, shipment, taxes, etc.
It is always a good practice for online stores to deliver maximum information to the customers about their orders, payments, shipping, etc.
With online shopping, until the customers do not get their items in hand, the urge to know about their order increases. The “My Account” section in Magento 2 store answers such customers’ questions.
Now, every business is different and has unique requirements. So, if you need to display any additional order details, you can do so with the below method to add column to customer sales order history page in Magento 2.
And, if you need to display the order history in the admin panel, you can install Meetanshi’s Magento 2 Order History extension to track any orders related to a product or customer.
Here’s an example where the “Customer Note” column is added and the sales order history page is customized for the same:
Magento 2 Add Column to Customer Sales Order History Page
1. Create a file at path app/code/Vendor/Module/view/frontend/layout/sales_order_history.xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<!-- This will add additional column header to order list -->
<referenceBlock name="sales.order.history.extra.column.header">
<block name="vendor.additional.column.header" template="Vendor_Module::extraColumn-header.phtml"/>
</referenceBlock>
<!-- You can access current order using $this->getOrder() inside the template "-->
<referenceBlock name="sales.order.history.extra.container">
<block name="vendor.additional.column.data" template="Vendor_Module::extraColumn.phtml"/>
</referenceBlock>
</body>
2. Create template file at path app/code/Vendor/Module/view/frontend/templates/extraColumn-header.phtml
<?php
/* @var $block \Magento\Sales\Block\Order\History\Container */
?>
<th data-th="<?= $block->escapeHtml(__('Customer Note')) ?>" class="col">
<?= $block->escapeHtml("Customer Note") ?>
</th>
Create template file at path app/code/Vendor/Module/view/frontend/templates/extraColumn.phtml
<?php
/* @var $block \Magento\Sales\Block\Order\History\Container */
?>
<td data-th="<?= $block->escapeHtml(__('Customer Note')) ?>" class="col">
<?= $block->escapeHtml($block->getOrder()->getCustomerNote()) ?>
</td>
That’s it.
By following the above method, you can easily add column to sales order history page (FO) in Magento 2.
Also, do share the solution with fellow Magento developers via social media.
Thank you.
