[Shopify]検索結果に表示する要素を「商品のみ」や「記事と商品のみ」などカスタマイズ画面から選択できるようにする（Dawn） #134

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

デフォルトでは「商品」「記事」「ページ」から検索結果が表示されます。これを「商品のみ」にしたり、「記事と商品のみ」を表示するようにしたり、検索結果で表示するコンテンツをカスタマイズ画面から調整できるようにします。

デフォルトのリキッドファイルに追加するだけなので簡単。ヘッダーのサーチとサーチページでの検索窓からの場合の両方のパターンの設置方法をご紹介しています。

使用しているテーマ：Dawn　（最近のやつ）
※別テーマの場合はコードを類似箇所に設置してください

✔️今回のゴール

ここの検索結果に表示するコンテンツを「商品のみ」にしたり、「記事と商品」にしたり調整できるようにする。

🔸CMSの特徴

＝＝＝＝＝
ヘッダーの検索の場合
＝＝＝＝＝

＝＝＝＝＝
メインの検索ページの場合
＝＝＝＝＝

チェックできるようにしました！
・商品
・ページ
・ブログ

すべてチェックが入っていない場合は、デフォルトの商品、ページ、ブログから検索した結果が表示されます。

商品のみの結果を表示したい場合は「商品」にチェック入れるだけ。簡単に検索結果を調整できます＾＾

---

【ご購入時のご注意】
※返金&サポート&コメント返信はしておりません。
※現時点の最新のDawnテーマをベースに作成してます。
※コード&設置方法のみのご紹介で解説などはしておりません。
※2024.8時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。（メンバーシップでコメント頂いた場合は修正します）