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

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

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

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

Invoice Order View tab — Invoices tab in Order detail page

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 Invoices link from the order view page front end, Create new sales_order_info_links.xml file,

You can override XML file by two way,
1. From Module Level,
Create app/code/Jesadiya/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 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 and check the order details by URL
<MAGENTO2_SITE>/sales/order/view/order_id/1/

Invoice links are removed from the My Orders detail view.

Share this:

Related