在WooCommerce中為每個支付方式添加一個單獨的支付按鈕

Question

我想為 WooCommerce 中的每種付款方式添加一個單獨的付款按鈕。我使用購物車流程設計了結帳頁面

我通過復制按鈕 html 內容並放置在付款方式的每個 div 中嘗試在 chrome 開發人員工具中，但這只是暫時更改。然后我 go 到插件文件編輯器和 select 購物車流程插件但不知道下一步該做什么

Answer 1

您應該考慮修改模板文件..

1. 找到 WooCommerce 模板文件：

您可以在“wp-content/plugins/woocommerce/templates”目錄中找到模板文件。

2. 復制“checkout/payment.php”文件：

備份原始文件，然后將“payment.php”文件復制到您的主題目錄。

3. 編輯復制的文件：

在復制的文件中，查找顯示付款方式的部分並對其進行修改，為每種付款方式添加單獨的按鈕。

示例代碼（這是我在計算機中找到並編輯的舊 woocommerce 版本）：

<input type="radio" id="payment_method_<?php echo esc_attr( $gateway->id ); ?>" class="input-radio" name="payment_method" value="<?php echo esc_attr( $gateway->id ); ?>" <?php checked( $gateway->chosen, true ); ?> />

<label for="payment_method_<?php echo esc_attr( $gateway->id ); ?>">
    <?php echo wp_kses_post( $gateway->get_title() ); ?> <?php echo wp_kses_post( $gateway->get_icon() ); ?>
</label>

<div class="payment_box payment_method_<?php echo esc_attr( $gateway->id ); ?>" <?php if ( ! $gateway->chosen ) : ?>style="display:none;"<?php endif; ?>>
    <?php $gateway->payment_fields(); ?>
</div>

保存並上傳文件：

保存更改並將編輯后的文件上傳到您的主題目錄。