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

概要

woocommerce_product_meta_endは、WooCommerceにおける製品詳細ページで、製品のメタデータ表示が完了した後にカスタム機能を追加するためのフックです。このアクションは、主に以下の機能を実装する際によく使われます:

  1. 製品に関連するカスタム情報の表示
  2. 製品の販売促進用バッジの追加
  3. ソーシャルメディア共有ボタンの表示
  4. 製品に対するユーザーレビューや評価の表示
  5. 特別オファーや割引情報の表示
  6. FAQや製品説明の拡張

このアクションは、WooCommerceのバージョン3.0以上、WordPressのバージョン4.0以上で使用可能です。

構文

do_action( 'woocommerce_product_meta_end' );

パラメータ

  • なし

戻り値

  • なし

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

アクション 使用例
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_product_meta_end', 'add_custom_info_after_meta' );

function add_custom_info_after_meta() {
    echo '<span class="custom-info">特別オファー: 今すぐ購入で10%オフ!</span>';
}

このコードは、製品メタデータの後に特別オファーを表示します。

サンプルコード2

add_action( 'woocommerce_product_meta_end', 'add_social_share_buttons' );

function add_social_share_buttons() {
    echo '<div class="social-share">
            <a href="#">Facebook</a>
            <a href="#">Twitter</a>
          </div>';
}

このコードは、製品メタデータの後にFacebookとTwitterの共有ボタンを追加します。

サンプルコード3

add_action( 'woocommerce_product_meta_end', 'display_custom_badge' );

function display_custom_badge() {
    echo '<span class="badge">人気商品</span>';
}

このコードは、製品メタデータの後に「人気商品」というバッジを表示します。

サンプルコード4

add_action( 'woocommerce_product_meta_end', 'add_user_rating' );

function add_user_rating() {
    $rating = get_post_meta( get_the_ID(), '_user_rating', true );
    echo '<div class="user-rating">ユーザー評価: '.$rating.' / 5</div>';
}

このコードは、製品メタデータの後にユーザー評価を表示します。

サンプルコード5

add_action( 'woocommerce_product_meta_end', 'display_faq_section' );

function display_faq_section() {
    echo '<h3>よくある質問</h3>
          <p>この製品は送料無料ですか?</p>
          <p>はい、すべての注文は送料無料です。</p>';
}

このコードは、製品メタデータの後にFAQセクションを表示します。

引用元は特定のURLではなく、一般的なコードの例を基にしたものです。これらのサンプルコードは、著作権フリーで自由に使用できます。

この関数について質問する


上の計算式の答えを入力してください