为WooCommerce单品页加入购物车按钮文本添加类

你原来的代码失效是因为woocommerce_product_single_add_to_cart_text过滤器返回的文本会被WooCommerce自动转义HTML标签，导致你写的<span>标签被当成普通文本输出，不会被解析成HTML元素。

要实现给按钮文本单独添加类，你需要直接修改按钮的完整HTML结构，推荐使用woocommerce_get_add_to_cart_button_html过滤器，它允许你直接调整生成的按钮代码：

add_filter( 'woocommerce_get_add_to_cart_button_html', 'wrap_add_to_cart_button_text_with_class', 10, 2 );
function wrap_add_to_cart_button_text_with_class( $button_html, $product ) {
    // 仅对单品页的按钮生效
    if ( ! is_product() ) {
        return $button_html;
    }

    // 获取产品默认的加入购物车文本
    $original_text = $product->single_add_to_cart_text();
    // 用带自定义类的span包裹文本
    $wrapped_text = '<span class="custom-class">' . esc_html( $original_text ) . '</span>';
    // 替换按钮里的原始文本为包裹后的内容
    $button_html = str_replace( esc_html( $original_text ), $wrapped_text, $button_html );

    return $button_html;
}

代码说明： #

• 通过woocommerce_get_add_to_cart_button_html钩子拿到完整的按钮HTML，而非仅修改文本片段
• 加入is_product()判断，避免改动其他页面的加入购物车按钮
• 用esc_html()处理文本，确保输出内容的安全性
• 用字符串替换的方式，精准把按钮里的原始文本替换成带类的包裹版本

把这段代码添加到你的WordPress主题functions.php文件，或者自定义插件中，就能实现给单品页加入购物车按钮的文本添加custom-class类了。

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