How to remove the Invoices link from the Order View page Front area of Magento 2?

Order View Page in frontend Magento 2, Contains Multiple links related to Order flows like Invoices, shipments, and refunds.

If you want to remove the Invoices link from the Order detail page, Customer Dashboard, and My Orders tab You need to override the sales_order_info_links.xml file.

Responsible Block name for Invoice tab:
sales.order.info.links.invoice

Base File Path:
vendor/magento/module-sales/view/frontend/layout/sales_order_info_links.xml

sales_order_info_links.invoice contains the Invoices tab link path and label.

<block class="Magento\Sales\Block\Order\Link" name="sales.order.info.links.invoice">
    <arguments>
        <argument name="key" xsi:type="string">Invoices</argument>
        <argument name="path" xsi:type="string">sales/order/invoice</argument>
        <argument name="label" xsi:type="string" translate="true">Invoices</argument>
    </arguments>
</block>

If you want to remove the Invoices link from the order view page front end, Create a new sales_order_info_links.xml file,

You can override XML files in two way,
1. From Module Level,
Create app/code/custommodule/Order/view/frontend/layout/
sales_order_info_links.xml

2. From Theme level,
app/design/frontend/{Package}/{themename}/Magento_Sales/layout/
sales_order_info_links.xml

Content in your XML file to remove the Invoices tab,

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="sales.order.info.links.invoice" remove="true"/>
    </body>
</page>

Clear the Cache.

Invoice links will be removed from the My Orders detail view.

Leave a comment Cancel reply