プラグインWooCommerceのwoocommerce_widget_shopping_cart_after_buttonsアクションの使用方法・解説

概要

woocommerce_widget_shopping_cart_after_buttonsは、WooCommerceのショッピングカートウィジェットの「チェックアウト」および「カートを更新」ボタンの後にカスタムコンテンツを追加するためのアクションフックです。このフックは、カート内の商品リストや価格を表示する際に、ユーザーへ追加情報やプロモーションを提示するためによく使用されます。以下のような機能を実装する際に便利です。

1.カートに入っている商品の合計を表示する
2.クーポンの入力フィールドを追加する
3.カートの内容に基づく関連商品の提案を行う
4.特別オファーや割引情報を表示する
5.ユーザーに次のアクションを促すメッセージを表示する
6.SNS共有ボタンなどの追加機能を追加する

構文

do_action( 'woocommerce_widget_shopping_cart_after_buttons' );

パラメータ

このアクションは特にパラメータを持っていません。

戻り値

このアクションは何も戻しません。

使用可能なプラグインWooCommerceのバージョン

WooCommerce 3.0.0以降で使用可能です。

ワードプレスのバージョン

WordPress 4.0以降で使用可能です。

サンプルコード

サンプルコード1: カート内商品の合計金額を表示

add_action( 'woocommerce_widget_shopping_cart_after_buttons', 'display_cart_total' );

function display_cart_total() {
    $cart_total = WC()->cart->get_cart_total();
    echo '<p class="cart-total">カートの合計: ' . $cart_total . '</p>';
}

このコードは、ショッピングカートのボタンの後にカート内の総合計金額を表示します。

サンプルコード2: クーポンコードの入力フィールドを追加

add_action( 'woocommerce_widget_shopping_cart_after_buttons', 'add_coupon_field' );

function add_coupon_field() {
    echo '<input type="text" class="coupon" name="coupon_code" placeholder="クーポンコードを入力" />';
    echo '<button type="submit" class="button">適用する</button>';
}

このコードは、カートのチェックアウトボタンの後にクーポンコードの入力フィールドを追加します。

サンプルコード3: 特別オファーのメッセージ表示

add_action( 'woocommerce_widget_shopping_cart_after_buttons', 'display_special_offer' );

function display_special_offer() {
    echo '<p class="special-offer">今なら、次回購入時に使用できる10%オフクーポンをお届けします！</p>';
}

このコードは、ユーザーに特別オファーのメッセージをショッピングカートウィジェットに表示します。

サンプルコード4: 関連商品の提案

add_action( 'woocommerce_widget_shopping_cart_after_buttons', 'suggest_related_products' );

function suggest_related_products() {
    $related_products = wc_get_related_products( get_the_ID(), 3 );
    if ( ! empty( $related_products ) ) {
        echo '<h4>あなたにおすすめの商品:</h4>';
        echo '<ul>';
        foreach ( $related_products as $product_id ) {
            echo '<li>' . get_the_title( $product_id ) . '</li>';
        }
        echo '</ul>';
    }
}

このコードは、カートに追加されている商品の関連商品を提案するリストを表示します。

サンプルコード5: SNS共有ボタンの追加

add_action( 'woocommerce_widget_shopping_cart_after_buttons', 'add_social_share_buttons' );

function add_social_share_buttons() {
    echo '<div class="social-share">
            <a href="#"><img src="twitter-icon.png" alt="Twitterで共有" /></a>
            <a href="#"><img src="facebook-icon.png" alt="Facebookで共有" /></a>
          </div>';
}

このコードは、ショッピングカートのボタンの後にSNS共有ボタンを追加します。

この関数のアクションでの使用可能性

アクション	使用例
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

概要

構文