商品検索後の並び替え(ソート)の追加方法について

AI-generated summary

「Warehouse」テーマのカスタマイズで、検索結果ページに商品の並び替え機能が表示されない問題が扱われた。添付スクリーンショットが状況把握の中心で、当初は検索結果にソートUI自体が見えず、その後は表示されるようになったものの、検索結果先でプルダウンが出ない状態が続いている。

回答では、同様の挙動が再現できるため、テーマ側の仕様である可能性が高いとの見方が示された。必要であれば、テーマ制作者へフィードバックするのがよいと案内されている。

技術的には、コレクションページでは sort_by を使って URL パラメータ付きで並び替えできるが、検索結果を扱う search オブジェクトには sort_by がない点が重要と整理された。そのため、検索結果では Liquid の sort フィルターで配列を並べ替える程度しか対応できない可能性がある。

結論として、テーマ仕様とShopifyの検索オブジェクト制約が原因候補で、標準的なプルダウン対応の可否は未解決のまま。

現在、「Warehouse」のテーマをカスタマイズしています。

検索した検索結果に商品の並び替えが表示されません。

どなたかご存知の方がいらっしゃいましたら、お知恵を拝借下さいますと幸いです。

こちらでも再現しますが、おそらく仕様かと思います。

可能であればテーマ作成者にフィードバックをされるのが良いと思います。

ご返信ありがとうございます。

表示はされるようになりましたが、検索結果先でプルダウンが表示されません。

どなたかお知恵をお借りできれば幸いです。

コレクションオブジェクトの並べ替えは、
sort_by を使うとURLに「?sort_by=best-selling」などの並べ替え用の引数がつきます。

https://shopify.dev/docs/themes/liquid/reference/objects/collection#collection-sort_by

商品一覧にパラメーターを追加して並び替える
https://haniwaman.com/shopify-sort/#i-4

ですが、サーチオブジェクトのほうは、sort_by はありません。

検索結果の配列を sort フィルターで並べ替えることくらいしか出来ないと思います。

https://shopify.dev/docs/themes/liquid/reference/filters/array-filters#sort

Sort the search results based on price
https://community.shopify.com/c/Shopify-Design/Sort-the-search-results-based-on-price/td-p/443658