Shopify Search & Discovery

私のストアでは、このアプリを利用したストア内検索で
「ブランド名 + モデル名 + 色名 + 品番」と、
各商品ページに記載されている正しい品名で検索しても、
Shopify の検索アルゴリズムが「ブランド名＋モデル名」の塊を強く優先するため、
目的の商品が検索結果の後方へ押しやられてしまう状況がありました。

この問題を解決するために、まずブラウザの開発者ツールを使い、
「検索結果の HTML がどの JavaScript によって生成・並び替えされているか」
を調べました。

その結果、私のテーマでは global.js が検索結果の描画に関わっていることが分かり、
このファイルの最下部にカスタムソート処理を追加することで、
品番一致の商品を最上位に表示できるようになりました。

ただし、テーマによってファイル名や構造は異なるため、
まずは開発者ツールで「どの JS が検索結果を書き換えているか」を特定することが重要です。

さらに、Search & Discovery アプリの設定で
在庫切れ商品を「混在させる」に変更することで、
Shopify デフォルトの“売り切れ後方寄せ”が解除され、
カスタムソートが正しく反映されるようになりました。

この2つの組み合わせで、
「完売商品が検索で出てこない」「正確な商品名検索で目的の商品が上位に来ない」
という悩みを解決できました。

私は Copilot と Sidekicks とやり取りしながらこの方法に辿り着き、
カスタムソートのコードも AI に書いてもらい、目的を実現できました。
同じ問題で困っている方の参考になれば幸いです。