WooCommerce 商品説明]タブを商品説明[概要]タブの下に移動する

WordPressの WooCommerce（WooCommerce）では、個々の商品ページの[商品説明]タブは、下図のように商品画像と[商品説明の概要]タブの下にあります。 ただし、上記のように「商品説明の要約」がない場合、ビューはあまり良くない可能性があります。 この場合、以下の関数を使用して「商品説明」タブを「商品説明の概要」の下に移動できます。

WooCommerce 商品説明タブを商品説明概要タブの下に移動する方法

「商品説明」タブを「商品説明の概要」の下に移動したい場合は、次のコードを使用できます。

// Removes tabs from their original loaction remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 ); // Inserts tabs under the main right product content add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 ); //（Source：https://support.woothemes.com）

その後、下の図のように WooCommerce タブが移動します。

上記のコードをテーマ（チャイルドテーマを作成し、アクション）のfunctions.phpに追加すると、商品ページのレイアウトは以下のように変更されます。

最初のレイアウトに戻すには、上記のコードを関数ファイルから削除します。

参照

• WooCommerce 価格と割引ルール指定プラグイン - YITH WooCommerce Dynamic Pricing and Discount