WooCommerce レガシー手順

WooCommerce は、カスタム投稿タイプアーカイブを乗っ取るものと見なすことができる独自の内部検索メカニズムを使用しています。検索後、URL の末尾に &post_type=product が追加されていることに気付くでしょう。

これが検索結果が変わらない理由です。カスタム投稿タイプアーカイブページにアクセスしても、SearchWP は使用されていません。

この問題を解決するには、WooCommerce が検索フォームに挿入する非表示の入力フィールドを削除する必要があります。これを行うには、テーマディレクトリに product-searchform.php という名前の新しいファイルを作成し、次の内容を含める必要があります。

<form role="search" method="get" id="searchform" action="<?php echo esc_url( home_url( '/'  ) ); ?>">
    <div>
        <label class="screen-reader-text" for="s"><?php _e( 'Search for:', 'woocommerce' ); ?></label>
        <input type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="<?php _e( 'Search for products', 'woocommerce' ); ?>" />
        <input type="submit" id="searchsubmit" value="<?php echo esc_attr__( 'Search' ); ?>" />
    </div>
</form>

詳細については公式ドキュメントを参照してください。

このファイルを用意して検索を送信すると、検索結果が改善されたことがわかりますが、結果のテンプレートが以前のように表示されません。これも、WooCommerce が検索結果にカスタム投稿タイプアーカイブテンプレートを使用しているためです。WooCommerce の商品中心の検索結果を元に戻すには、コピーしてください。

~/wp-content/plugins/woocommerce/templates/archive-product.php

テーマフォルダにコピーしてsearch.php に名前を変更してください。これが検索結果のテンプレートになります。お好みに合わせてカスタマイズできます。