現在、「Warehouse」のテーマをカスタマイズしています。
検索した検索結果に商品の並び替えが表示されません。
どなたかご存知の方がいらっしゃいましたら、お知恵を拝借下さいますと幸いです。
「Warehouse」テーマのカスタマイズで、検索結果ページに商品の並び替え機能が表示されない問題が扱われた。添付スクリーンショットが状況把握の中心で、当初は検索結果にソートUI自体が見えず、その後は表示されるようになったものの、検索結果先でプルダウンが出ない状態が続いている。
回答では、同様の挙動が再現できるため、テーマ側の仕様である可能性が高いとの見方が示された。必要であれば、テーマ制作者へフィードバックするのがよいと案内されている。
技術的には、コレクションページでは sort_by を使って URL パラメータ付きで並び替えできるが、検索結果を扱う search オブジェクトには sort_by がない点が重要と整理された。そのため、検索結果では Liquid の sort フィルターで配列を並べ替える程度しか対応できない可能性がある。
結論として、テーマ仕様とShopifyの検索オブジェクト制約が原因候補で、標準的なプルダウン対応の可否は未解決のまま。
こちらでも再現しますが、おそらく仕様かと思います。
可能であればテーマ作成者にフィードバックをされるのが良いと思います。
コレクションオブジェクトの並べ替えは、
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