如何修改WooCommerce购物车与结账页面的“Shipping”文本？

没问题，针对你用Storefront主题修改WooCommerce购物车总计区域「Shipping」文本的需求，这里有几个靠谱的方案，不用复杂定制开发就能搞定：

方法一：使用WooCommerce过滤器（推荐） #

这是最安全的方式，不会因为主题/插件更新丢失修改。你可以把下面的代码添加到Storefront子主题的functions.php文件末尾，或者使用专门的自定义代码插件（比如Code Snippets）来管理：

// 修改购物车和结账页面的"Shipping"文本为自定义内容
add_filter( 'gettext', 'custom_replace_shipping_text', 20, 3 );
function custom_replace_shipping_text( $translated_text, $text, $domain ) {
    // 仅在购物车或结账页面生效
    if ( is_cart() || is_checkout() ) {
        // 匹配要替换的文本（包含带冒号的版本）
        if ( $translated_text === 'Shipping' || $translated_text === 'Shipping:' ) {
            $translated_text = __( 'Delivery', 'woocommerce' ); // 这里替换成你想要的文本，比如"配送"
        }
    }
    return $translated_text;
}

如果需要修改为其他文本，直接替换'Delivery'为你需要的内容即可，比如中文的「配送」。

方法二：编辑主题语言包 #

如果你习惯用语言本地化的方式修改文本，可以这么操作：

• 找到Storefront主题的语言文件，通常在wp-content/themes/storefront/languages/目录下，比如英文环境的woocommerce-en_US.po，中文环境的woocommerce-zh_CN.po。
• 用Poedit软件打开对应文件，搜索「Shipping」相关条目，将翻译内容修改为你需要的文本。
• 保存后会自动生成.mo文件，把这两个文件放到Storefront子主题的languages目录下（没有就新建），避免主题更新覆盖修改。

方法三：前端临时修改方案（不推荐长期使用） #

如果只是临时需要视觉上的修改，不想碰后端代码，可以用CSS+JS实现：

/* 隐藏原Shipping文本 */
.woocommerce-shipping-totals th {
    visibility: hidden;
    position: relative;
}

// 插入自定义文本
document.addEventListener('DOMContentLoaded', function() {
    const shippingLabel = document.querySelector('.woocommerce-shipping-totals th');
    if (shippingLabel) {
        shippingLabel.innerHTML = '<span style="visibility: visible;">Delivery:</span>';
    }
});

这种方法仅修改前端显示，后台和订单邮件里的文本不会改变，适合临时场景。

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