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

Last Updated:2023年10月06日| | 5のコメント


WordPressの WooCommerce(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 タブが移動します。

Move Product Description under Product Summary in WooCommerce WooCommerce 商品説明]タブを商品説明[概要]タブの下に移動する

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

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

参照


5のコメント

コメント

    • こんにちは?

      Bridge テーマはありますが、現在設置しておいたサイトがないので、すぐに確認することはできません。
      日曜日ごろにテーマをインストールして一度テストしてみて方法を見つけたらコメントにつけます。

      参考までに、以下の Naver カフェでホームページは、Webホスティング、 WordPress 関連情報を共有し、 WordPress ユーザーとコミュニケーションすることができます。 そして気になる点を質問することもできます。

      https://cafe.naver.com/wphomepage

      応答
  1. 先生。 反対の場合はどうすべきでしょうか。

    初めて Enfold에 WooCommerce 敷いて商品を作ってみたけど。 前頭になっています。

    必ず必要なのに... 慰安を分けてください。

    応答
割引ニュース
DiviレイアウトAI発売記念割引!
AIで画像、テキスト、コーディング、フルページレイアウトを生成可能
ベストセラー WordPress テーマDivi
0
仕事
0
시간
0
0
期間限定
You This Coupon Code in Checkout
Click the code to Copy