WordPress结账页面重复结账按钮问题，常规修复方法无效求助

1. 先定位按钮差异 #

用浏览器开发者工具（按F12）查看两个按钮的HTML结构，找出它们的唯一类名、ID或父容器标识。比如默认按钮可能是.checkout-button，多余的按钮可能带有插件/主题自定义的类名（如.theme-custom-checkout），或者在不同的<div>容器里。

2. 精准用CSS移除单个按钮 #

根据找到的唯一标识，编写针对性的CSS代码，避免同时删除两个：

/* 示例：移除带有.duplicate-checkout类的按钮 */
.duplicate-checkout {
    display: none !important;
}

或者通过父容器定位：

/* 示例：移除某个特定容器内的按钮 */
.extra-checkout-container .checkout-button {
    display: none !important;
}

把代码添加到主题的「外观→自定义→额外CSS」里即可生效。

3. 从钩子层面解决根源 #

如果是主题/插件重复挂载了WooCommerce的结账按钮钩子（比如woocommerce_proceed_to_checkout），可以在主题的functions.php里添加代码移除重复的钩子：

add_action( 'init', function() {
    // 调整优先级数字（默认WooCommerce按钮优先级是10），移除重复的钩子
    remove_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout', 20 );
} );

优先级数字可以根据实际情况调整，比如如果多余按钮是优先级20挂载的，就移除这个优先级的钩子。

4. 检查主题自定义模板 #

有些主题会重写WooCommerce的结账模板文件，可能在你的主题目录/woocommerce/checkout/下的文件里重复写了按钮代码。找到对应的模板文件，删除多余的按钮代码即可。

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