如何移除WooCommerce订单已收到（Order Received）页面的产品超链接

方案1：钩子代码修改（推荐，永久生效） #

将以下代码添加到站点当前主题的functions.php文件末尾即可：

add_filter( 'woocommerce_order_item_name', 'disable_order_received_product_link', 10, 2 );
function disable_order_received_product_link( $item_html, $item ) {
    // 仅对订单收到（Thank You）页面生效
    if ( is_wc_endpoint_url( 'order-received' ) ) {
        // 剥离所有HTML标签，仅保留纯文本产品名称
        return wp_strip_all_tags( $item_html );
    }
    return $item_html;
}

修改代码前请先备份站点文件，避免语法错误引发站点故障

方案2：CSS快速屏蔽点击（无代码侵入，临时生效） #

如果不熟悉PHP代码修改，可以在WordPress后台「外观」→「自定义」→「额外CSS」中添加如下样式：

/* 订单收到页产品名称禁用链接交互 */
.woocommerce-order-received .woocommerce-table--order-details .product-name a {
    pointer-events: none;
    color: currentColor !important;
    text-decoration: none !important;
    cursor: default;
}

该方案不会修改页面HTML结构，只是从交互和样式层面让链接表现和普通文本一致。

方案3：模板覆盖（适合需要自定义其他页面元素的场景） #

你也可以通过覆盖WooCommerce模板实现：

• 复制路径为 wp-content/plugins/woocommerce/templates/order/order-details-item.php 的模板文件
• 将复制的文件粘贴到当前主题目录的 woocommerce/order/ 文件夹下（没有对应目录可自行创建）
• 编辑该文件，将输出产品链接的代码段替换为直接输出纯产品名称即可

内容的提问来源于stack exchange，提问作者Darryl G