商品ページフックで価格と商品を表示する方法

１．フックを使用した価格の表示 まず、商品ページのフックを使用して価格を表示する方法です。例えば、WordPressの場合、functions.phpファイルに以下のコードを追加します。

function display_product_price() {
   global $product;
   echo '<p class="product-price">' . $product->get_price() . '</p>';
}
add_action('woocommerce_single_product_summary', 'display_product_price', 10);

上記のコードでは、WooCommerceのwoocommerce_single_product_summaryフックを使用して価格の表示位置を指定しています。display_product_price関数内で$product->get_price()を使用して価格を取得し、<p>要素で表示しています。

２．商品タイトルの表示 次に、商品タイトルの表示方法です。以下のコードを使用すると、商品タイトルを取得して表示することができます。

global $product;
echo '<h1 class="product-title">' . $product->get_title() . '</h1>';

上記のコードでは、$product->get_title()を使用して商品タイトルを取得し、<h1>要素で表示しています。

これらのコード例を適切な位置に追加することで、商品ページに価格と商品タイトルを表示することができます。適宜、CSSスタイルを追加してデザインをカスタマイズすることも可能です。

以上が、商品ページで価格と商品タイトルを表示する方法の解説です。これらの方法を活用して、商品ページの情報を充実させてください。