{"id":1251,"date":"2024-03-13T18:53:24","date_gmt":"2024-03-13T13:23:24","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1251"},"modified":"2025-01-11T21:19:41","modified_gmt":"2025-01-11T15:49:41","slug":"how-to-add-custom-column-in-customer-my-order-section-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-add-custom-column-in-customer-my-order-section-in-magento-2\/","title":{"rendered":"How To Add Custom Column In Customer My Order Section In Magento 2"},"content":{"rendered":"\n

How To Add Custom Column In Customer My Order Section In Magento 2<\/strong><\/p>\n\n\n\n

Hello Everyone,<\/p>\n\n\n\n

In this blog, we will learn about how to Add Custom Columns in the Customer My Order Section in Magento 2.<\/p>\n\n\n\n

It is good to display maximum information to the customer about their orders.<\/p>\n\n\n\n

Without wasting your time, let us guide you straight away. Follow the easy step given below to Add Custom Column in Customer My Order Section in Magento 2.<\/p>\n\n\n\n

STEPS FOR ADD CUSTOM COLUMN IN MY ORDER SECTION IN MAGENTO 2<\/strong><\/p>\n\n\n\n

Step 1: Create sales_order_history.xml file<\/strong><\/p>\n\n\n\n

app\/code\/Vendor\/Extension\/view\/frontened\/layout\/sales_order_history.xml<\/strong><\/p>\n\n\n

\n<?xml version="1.0" encoding="UTF-8"?>\n\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n\n<body>\n\n\u00a0\u00a0\u00a0\u00a0<!-- This will add additional column header to order list -->\n\n\u00a0\u00a0\u00a0\u00a0<referenceBlock name="sales.order.history.extra.column.header">\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<block name="vendor.additional.column.header" template="Vendor_Extension::extraColumn-customernote-header.phtml"\/>\n\n\u00a0\u00a0\u00a0\u00a0<\/referenceBlock>\n\n\u00a0\u00a0\u00a0\u00a0<!-- You can access current order using $this->getOrder() inside the template "-->\n\n\u00a0\u00a0\u00a0\u00a0<referenceBlock name="sales.order.history.extra.container">\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<block name="vendor.additional.column.data" template="Vendor_Extension::extraColumncustomernote.phtml"\/>\n\n\u00a0\u00a0\u00a0\u00a0<\/referenceBlock>\n\n<\/body>\n\n<\/page>\n<\/pre><\/div>\n\n\n
Step 2: Create extraColumn-customernote-header.phtml file<\/strong><\/p>\n\n\n\n
app\/code\/Vendor\/Extension\/view\/frontend\/templates\/extraColumn-customernote-header.phtml<\/strong><\/p>\n\n\n
\n<?php\n\n\u00a0\u00a0\u00a0\u00a0\/* @var $block \\Magento\\Sales\\Block\\Order\\History\\Container *\/\n\n\u00a0\u00a0\u00a0?>\n\n\u00a0\u00a0\u00a0<th data-th="<?= $block->escapeHtml(__('Customer Comment')) ?>" class="col">\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<?= $block->escapeHtml("Customer Comment") ?>\n\n\u00a0\u00a0\u00a0<\/th>\n<\/pre><\/div>\n\n\n
Step 3: Create extraColumncustomernote.phtml file<\/strong><\/p>\n\n\n\n
app\/code\/Vendor\/Extension\/view\/frontend\/templates\/extraColumncustomernote.phtml<\/strong><\/p>\n\n\n
\n<?php\n\n\u00a0\u00a0\u00a0\u00a0\/* @var $block \\Magento\\Sales\\Block\\Order\\History\\Container *\/\n\n\u00a0\u00a0?>\n\n\u00a0\u00a0<td data-th="<?= $block->escapeHtml(__('Customer Comment')) ?>" class="col">\n\n\u00a0\u00a0\u00a0\u00a0<?php \/\/$block->escapeHtml($block->getOrder()->getCustomerNote()) ?>\n\n\u00a0\u00a0<\/td>\n<\/pre><\/div>\n\n\n
Step 4: Finally run the below commands<\/strong><\/p>\n\n\n
\n$ php bin\/magento cache:clean\n\n$ php bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
Step 5: Output:<\/strong><\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n
Final Thoughts:<\/strong><\/p>\n\n\n\n
So this was the easiest way which we have told you in this blog. This is how you can Add a Custom Column in My Order Section of Customer in Magento 2. Hope you liked the blog.<\/p>\n\n\n\n
So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n
Stay tuned with us on our site to get new updates of Magento.<\/strong><\/p>\n\n\n\n
Thanks for reading and visiting our site. <\/p>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>