概要
woocommerce_review_order_after_order_totalは、WooCommerceのカートやチェックアウトページで、注文合計の後にカスタムコンテンツを追加するために使われるフックです。このフックは、ユーザーが支払いを完了する前に、追加情報やコンテンツを表示するのに役立ちます。
このフックは特に以下の機能を実装する際によく使われます。
1. カスタムメッセージやヒントの表示
2. 特別なオプションや割引コードの表示
3. ウェブサイトのマーケティングメッセージを表示
4. 配送オプションの確認や促進
5. ユーザーへの重要な通知の提供
6. カスタムHTMLコンテンツの追加
このフックは、WooCommerceのバージョン4.0以上およびWordPressのバージョン5.0以上で使用可能です。
構文
do_action('woocommerce_review_order_after_order_total');
パラメータ
このアクションにはパラメータはありません。
戻り値
このアクションは戻り値を持ちません。
この関数のアクションでの使用可能性
| アクション名 | 使用可能 |
|---|---|
| mu_plugin_loaded | |
| registered_post_type | |
| plugins_loaded | |
| wp_roles_init | |
| setup_theme | |
| after_setup_theme | |
| set_current_user | |
| init | |
| register_sidebar | |
| wp_loaded | |
| send_headers | |
| parse_query | |
| pre_get_posts | |
| wp | |
| template_redirect | |
| get_header | |
| wp_head |
サンプルコード
サンプル1: カスタムメッセージの追加
このコードは、注文合計の後にカスタムメッセージを表示します。
add_action('woocommerce_review_order_after_order_total', 'custom_order_message');
function custom_order_message() {
echo '<p class="custom-message">ご注文ありがとうございます！何かご不明な点があればお知らせください。</p>';
}
引用元: https://woocommerce.com/
サンプル2: 割引コードの表示
このコードは、購入者に割引コードを表示します。
add_action('woocommerce_review_order_after_order_total', 'display_discount_code');
function display_discount_code() {
echo '<p class="discount-code">使用可能な割引コード: SAVE10</p>';
}
引用元: https://wordpress.org/
サンプル3: 特別プロモーションの追加
このコードは、特別プロモーションの情報を追加します。
add_action('woocommerce_review_order_after_order_total', 'add_special_promotion');
function add_special_promotion() {
echo '<div class="promotion">今なら送料無料キャンペーン中です！</div>';
}
引用元: https://woocommerce.com/
サンプル4: カスタムHTMLの追加
このコードでは、独自のHTMLコンテンツを追加します。
add_action('woocommerce_review_order_after_order_total', 'add_custom_html');
function add_custom_html() {
echo '<div class="custom-html">こちらの情報もご覧ください。</div>';
}
引用元: https://developer.wordpress.org/
サンプル5: ユーザー通知の追加
このコードは、ユーザーに重要な通知を表示します。
add_action('woocommerce_review_order_after_order_total', 'add_user_notification');
function add_user_notification() {
echo '<div class="user-notification">注意: 発送には2-3日かかる可能性があります。</div>';
}
引用元: https://woocommerce.com/