プラグインWooCommerceのwoocommerce_shortcode_after_$THIS->TYPE_loopアクションの使用方法・解説

概要

woocommerce_shortcode_after_$THIS->TYPE_loop は、WooCommerceのショートコードに関連するカスタマイズを行うためのアクションフックです。このフックは、特定のタイプのループ（製品リストやアーカイブなど）の後に実行され、開発者がその位置に独自のコンテンツを挿入することを可能にします。このフックは、以下のような機能を実装する際によく使われます。

製品の詳細情報を追加表示する
特定の製品に関連するおすすめ商品を表示する
カスタムバナーやプロモーションを追加する
SNSシェアボタンを製品リストの下に表示する
カスタムメッセージやテキストを追加する
フィルターやソートオプションを表示する

構文

do_action('woocommerce_shortcode_after_$THIS->TYPE_loop');

パラメータ

このアクションにはパラメータはありません。

戻り値

このアクションは、特に戻り値を持たない単純なフックです。

使用可能なバージョン

WooCommerce: 3.0 以上
WordPress: 4.0 以上

サンプルコード

サンプルコード1: 製品リストの下にカスタムメッセージを追加

add_action('woocommerce_shortcode_after_products_loop', 'custom_message_after_products');
function custom_message_after_products() {
    echo '<p>こちらの製品もご覧ください！</p>';
}

このサンプルは、製品リストの後にカスタムメッセージを追加しています。

サンプルコード2: おすすめ商品セクションを追加

add_action('woocommerce_shortcode_after_products_loop', 'display_recommended_products');
function display_recommended_products() {
    echo '<div class="recommended-products">'; 
    echo '<h3>オススメ商品</h3>'; 
    // おすすめ商品を取得し、表示するロジックを追加
    echo '</div>';
}

このサンプルは、製品リストの後にオススメ商品を表示するセクションを追加します。

サンプルコード3: SNSシェアボタンを表示

add_action('woocommerce_shortcode_after_products_loop', 'add_social_share_buttons');
function add_social_share_buttons() {
    echo '<div class="social-share">';
    echo '<span>シェアする:</span>';
    // SNSボタンのHTMLを出力
    echo '</div>';
}

このサンプルは、製品リストの下にSNSシェアボタンを表示しています。

サンプルコード4: 特別プロモーションバナーを追加

add_action('woocommerce_shortcode_after_products_loop', 'add_promotion_banner');
function add_promotion_banner() {
    echo '<div class="promotion-banner">特別オファー！全品10%OFF</div>';
}

このサンプルは、製品リストの後にプロモーションバナーを追加します。

サンプルコード5: ウェブサイトのニュースレターサインアップフォームを追加

add_action('woocommerce_shortcode_after_products_loop', 'add_newsletter_signup');
function add_newsletter_signup() {
    echo '<div class="newsletter-signup">ニュースレターに登録して最新情報を受け取る！</div>';
}

このサンプルは、製品リストの下にニュースレターのサインアップフォームを追加します。

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

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

概要

構文