WooCommerce支付页重复添加下单按钮报错，求解决方案

问题根源 #

直接复制form-pay.php里的按钮代码到form-checkout.php报错，核心原因是两处的执行上下文不同：form-pay.php里的$order_button_text等变量，在你粘贴的页面中部位置可能还未初始化，导致调用时出现未定义错误。

可行解决方案 #

在form-checkout.php的目标位置（比如页面中部、客户信息区块之后）添加以下代码，确保变量和功能正常运行：

<?php
// 获取下单按钮文本，兼容WooCommerce多语言与自定义过滤
$order_button_text = apply_filters( 'woocommerce_order_button_text', __( 'Place order', 'woocommerce' ) );
// 拼接主题兼容的按钮类名
$button_class = 'button alt';
if ( wc_wp_theme_get_element_class_name( 'button' ) ) {
    $button_class .= ' ' . esc_attr( wc_wp_theme_get_element_class_name( 'button' ) );
}
// 输出中部下单按钮，修改ID避免与底部按钮冲突
echo apply_filters( 'woocommerce_pay_order_button_html', '<button type="submit" class="' . $button_class . '" id="place_order_middle" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '">' . esc_html( $order_button_text ) . '</button>' );
?>

关键注意点 #

• 模板修改规范：不要直接修改WooCommerce插件自带的模板文件，建议将wp-content/plugins/woocommerce/templates/checkout/form-checkout.php复制到子主题的woocommerce/checkout/form-checkout.php路径下再修改，防止插件更新覆盖你的改动。
• ID避免重复：将中部按钮的ID设为place_order_middle，避免和底部原按钮的place_order ID重复，防止JS交互冲突。
• 功能一致性：这段代码生成的按钮和底部原生按钮功能完全一致，点击后会直接提交checkout表单，跳转至支付网关。

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