サポート » プラグイン » woocommerceのレイアウト変更

  • 解決済 rabupon

    (@rabupon)


    プラグインの「woocommerce」を利用しています。
    デフォルトの商品ページは
    商品名の下に簡易説明がありその下に価格、カートボタンがありますが、
    簡易説明をカートボタンの下にもっていきたいです。

    どこをどのように変更したらよろしいのでしょうか?

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんにちは

    テーマの functions.php に以下のように記述すれば、商品詳細画面で上下を入れ替えることが出来ます。

    add_action( 'init', function(){
    	remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
    	add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 15 );
    } );

    ※作業前にバックアップを取り、子テーマを作成してカスタマイズすることをお勧めします。

    Honda

    (@rocketmartue)

    WooCommercee をデフォルトの状態で使用している場合
    簡易説明の部分は
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

    カートボタンは、
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

    どちらも'woocommerce_single_product_summary'フックで設定されています。

    フックの最後の引数が優先度になっているので、

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 31 );

    のように、優先度を変更してやると表示順が変わります。

    使用しているテーマによっては、テーマ側で'woocommerce_single_product_summary'を書き換えている場合もありますので、その場合はテーマ内の content-single-product.php 等を確認する必要があります。

    ありがとうございます。
    できました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「woocommerceのレイアウト変更」には新たに返信することはできません。