WordPress+WooCommerce 注文確認ダイアログを表示する(簡易版)

WordPress+WooCommerce でネットショップ構築すると、「注文する」で確認ダイアログも注文確認画面も出ずに、速攻受注処理が走って完了画面になる。
それを止めて、「注文する」で確認ダイアログ(アラート)を出す、簡易版。
テンプレート(・js)のみの修正でOKで、手軽である。


一方、
 jsダイアログ確認→PHPチェック(→PHPエラー表示)→受注処理
の順番となる。
「注文するよ?」と聞いてから「エラーあったよ」・・・が繰り返されると地味にイヤ。カゴ落ち要因。

【修正】
/(子テーマ)/woocommerce/checkout/payment.php
※Woocommerceの該当フォルダから、子テーマにコピーし、submitボタン周りを修正する。
※今回は「storefront」を親テーマとした。

<script>
	//横着してテンプレートの中にスクリプト書いてます。。
	function confirm_order() {
		if (confirm('注文確定します。OK?')) {
			document.getElementById("place_order").click();
			return true;
		} else {
			return false;
		}
	}
</script>
<?php echo apply_filters( 'woocommerce_order_button_html',
 '<input type="button" onclick="javascript:confirm_order();" class="button alt" name="woocommerce_checkout_place_order" id="place_order2" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '">' . esc_html( $order_button_text ) . '</input>' ); // @codingStandardsIgnoreLine ?>	
<!-- onclick()を追記する。type="button"にする -->