チェックアウトのカスタマイズ「Place Order」ボタン出力html

Question

WooCommerceチェックアウトページの「Place Order」をクリックするたびにFacebook Pixelコードを追加してイベントを追跡する必要があります。

私はこの方法をチェックアウトテンプレートのボタンラインを見つけて、それを編集しようとしました：

<button onClick="fbq('track', 'AddPaymentInfo');">Place Order</button> 

をしかし、私はボタンのコードを見つけることができません。

どのようにコードを追加できますか？
または、編集する行はどこにありますか？どのテンプレートですか？

おかげ

Answer 1

あなたがチェックアウトのいくつかの変更は、送信ボタンを作成したい場合は、あなたは2つの方法ています：woocommerce_order_button_htmlフィルタに夢中にカスタム関数を使用して

1）フック、この方法：

add_filter('woocommerce_order_button_html', 'custom_order_button_html'); 
function custom_order_button_html($button) { 

    // The text of the button 
    $order_button_text = __('Place order', 'woocommerce'); 

    // HERE your Javascript Event 
    $js_event = "fbq('track', 'AddPaymentInfo');"; 

    // HERE you make changes (Replacing the code of the button): 
    $button = '<input type="submit" onClick="'.$js_event.'" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr($order_button_text) . '" data-value="' . esc_attr($order_button_text) . '" />'; 

    return $button; 
} 

コードはあなたのアクティブな子テーマ（またはテーマ）のfunction.phpファイル、またはすべてのプラグインファイルに入ります。

---

2）テンプレートのチェックアウト/ payment.phpをオーバーライドして、ライン50）に（このコードを対象とします：

<?php echo apply_filters('woocommerce_order_button_html', '<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr($order_button_text) . '" data-value="' . esc_attr($order_button_text) . '" />'); ?> 

たが、これに変更：

<?php 
    // Set HERE your javascript event 
    $js_event = $js_event = "fbq('track', 'AddPaymentInfo');"; 

    echo apply_filters('woocommerce_order_button_html', '<input type="submit" onClick="'.$js_event.'" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr($order_button_text) . '" data-value="' . esc_attr($order_button_text) . '" />'); ?> 

関連資料：

• Template Structure + Overriding Templates via a Theme
• Woocommerce templates file checkout/payment.php

---

すべてのコードがテストされ、機能しています。ここでは、両方のソリューションのための出力は次のようになります、