Shopifyの検索結果を商品のみにする方法

検索範囲を商品のみに 指定する方法

Shopifyのデフォルト検索は、商品・ページ・ブログ記事から検索結果を表示することになっているが、デフォルト検索の結果を商品のみにしたい場合がある。

その場合は、検索フォームのtypeを変更することで簡単に実現できます。

<form action="{{ routes.search_url }}">
  <input type="text"
    placeholder="Search"
    name="q"
    value="{{ search.terms | escape }}"
  />
  <input type="hidden" name="type" value="product,page,article" />
  <input type="hidden" name="options[unavailable_products]" value="hide" />
  <input type="hidden" name="options[prefix]" value="last" />
  <input type="submit" value="Search" />
</form>

英語でわかると思うが、product(商品)、page(ページ)、article(ブログ記事)である。ここで検索対象にしたいものだけ残しておけば終わり。

他にもpage、options[unavailable_products]、options[prefix]などのオプションをつける事も可能なので試してみてください。

参考URL : https://shopify.dev/themes/navigation-search/search