修改WooCommerce添加商品成功提示的HTML元素渲染顺序

嘿，我明白你想要调整WooCommerce添加商品到购物车后的提示元素顺序——把「查看购物车」链接放到前面，商品添加成功的文本内容跟在后面对吧？不用直接修改模板文件，咱们用WooCommerce自带的过滤器就能搞定，这样后续插件更新也不会丢失修改。

你可以将下面的代码片段添加到当前主题的functions.php文件末尾，或者使用自定义代码插件（比如Code Snippets）来添加，这样更安全：

add_filter( 'wc_add_to_cart_message', 'swap_add_to_cart_message_order', 10, 2 );
function swap_add_to_cart_message_order( $message, $product_id ) {
    // 获取对应的产品对象
    $product = wc_get_product( $product_id );
    if ( ! $product ) {
        return $message;
    }
    
    // 构建商品添加成功的文本内容（保留翻译兼容性）
    $success_text = sprintf( __( '%s已添加到您的购物车。', 'woocommerce' ), $product->get_name() );
    // 构建「查看购物车」的链接元素
    $cart_link = sprintf( '<a href="%s" class="button wc-forward">%s</a>', esc_url( wc_get_cart_url() ), __( '查看购物车', 'woocommerce' ) );
    
    // 调换顺序：链接在前，文本在后
    $message = $cart_link . ' ' . $success_text;
    
    return $message;
}

代码说明： #

• 我们通过wc_add_to_cart_message过滤器拦截了默认的提示消息，避免直接修改模板文件带来的更新丢失问题
• 代码中保留了WooCommerce的翻译函数__()，确保你的站点如果是多语言环境也能正常工作
• 重新构建了提示内容的结构，将「查看购物车」链接放在了文本的前面

添加完成后，刷新页面测试一下，添加商品到购物车后就能看到调整后的提示顺序啦。

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