絞り込み検索（検索結果）-SIRIUS2の使い方

「デフォルト」は冒頭のサンプル画像のようにタイトル→少し幅小さめのサムネイル画像→説明文という順で表示されます。

「ランキング」にするとサムネイル画像が領域いっぱいの幅まで大きく表示され、なおかつタイトルの脇にランキング用数値が付きます。

「サムネイル」にするとサムネイル画像が大きく表示され、タイトルはその下に表示されます。

サンプルは「2列」指定ですが、これを「1列」にしたのがこちら。
『検索アイテム』の”説明文”がサムネイル画像の右脇に表示されるようになります。（PC表示時のみ）

「3列」は2列表示がシンプルに3列表示になるだけです。（PC表示時のみ）

③『カラー』はマニュアルページでは”検索結果の配色を変更することができます”とあるんですが、具体的にどこがどう変わるのかイマイチよくわかりませんでした。

④『1ページの表示件数』は1ページに表示できる最大件数の設定です。
最大30件まで表示できるそうで、それより多い場合は自動的に複数ページでの表示になるそうです。

今回のサンプルは30件以上のデータがないため検証不可ですが、件数を低く設定しておきそれより検索結果が多かった場合は下のようにページャー（ページ切り替え）が出ます。

サンプルではある理由で非表示にしてますが、⑤『表示する項目』はすなわち『検索項目』の内容とそれに対する選択肢のことで、それらを表示するかしないかの選択ができます。

検索フォーム上で選んだ選択肢がちゃんとあるかどうかの確認の意味でも通常は”すべての項目を表示”にしておいた方がいいかとは思います。

ただしいくつか問題点もあります。

レイアウト

全部にチェックを入れてしまうと内容によっては見づらくなる可能性もあります。

たとえば下は⑥『項目の列数』を「3」に、②の『検索結果の列数』を「1列」にしたときの検索結果画面です。

心なしかごちゃごちゃした印象があります。
（サンプルのテキスト量のせい？でしょうね）

それにテキスト量の違いによっては1個だけ項目の高さが異なるなど、高さの自動調整機能もありません。

かといって特定の項目を非表示にしてしまうと、検索フォーム上でチェックした選択肢がたまたま非表示扱いになっていた場合は利用者側の”混乱”も招きかねません。

ちなみに⑥『項目の列数』を「2」にしてみたら…まだこっちの方が見やすいかも。
（やっぱりテキストの量次第ってか）

選択肢の表示方法

表示される選択肢なんですが、ここでは『検索アイテム』の『検索項目』で指定した値がそのまま表示されます。

たとえばサンプルでは『検索項目』上で（ちょっとひねって）［『子育てプラン』のお得感が気になる］という選択肢にしてあります。

しかしながら検索結果では［『子育てプラン』あり］みたいなシンプルな表現にしたいと思っても、現状では登録した文言でしか表示はされません。

この仕様がちょっと気になったのでサンプルではあえて全部非表示にしてみたというわけです。

それに1個1個の項目の説明が多すぎてもかえって見にくくなるだろうという心配もありました。

さらには選択肢の設定で複数指定にした時の区分記号「/」が”目立ってない”のも個人的には気になります。

複数の該当項目があるということをちゃんと分からせるなら”もうちょっと区切り線を目立たせる”か別の記号にするとか。

ここにチェックを入れると検索結果画面の一番下に検索フォームが表示されます。

別の選択肢で再度検索したいときなんかはいちいち検索フォームページに戻る必要がないので便利と言えば便利です。

筆者

 

ただし前に設定した選択肢はリセットされてしまうので、どこか1ヵ所だけ変えて検索したいと思っても最初からまた全部選択肢を選択し直す必要があります。
これはちょっと面倒ですね。

リセットボタン（テキスト）があるんですから、ここは前の選択肢を記憶しておける仕様の方が便利だと思うんですけど。

チェックを入れると先頭に「カテゴリー」を表示できます。

チェックを入れなければ、検索結果で該当するデータが1個もなかった場合「一致するアイテムが見つかりませんでした」のテキストのみが表示されます。
（このテキストが変更可能だととても嬉しいんですけど）

チェックを入れれば全データが表示されます。

上級者設定というぐらいですから通常はそのままで問題ありません。

気にする必要があるのは『ヘッダー画像エリアの表示』くらいでしょうか。
（なぜ上級者設定に入ってるのかがちょっと不思議です）

たとえばサンプルサイトはトップページのみ”ヘッダー画像表示”にしてあります。
（それ以外のページはロゴ画像とグローバルメニューのみの表示）

それゆえここを「表示する」のままにしておくと、検索結果のページだけヘッダー画像が表示されてしまうのです。

必要なければ「表示しない」にしておきましょう。

検索結果で目立たせたい検索項目を2個まで設定できます。
（プルダウンメニューから登録済みの検索項目を指定）

設定した項目はほかの項目とは若干異なるデザインで最上段に表示されます。

上の画像の”通常項目”の背景色と文字色を変えたい場合はここで設定します。

ここは検索項目のタイプが「文字列」や「地域」以外の数の大小が判別可能なタイプになってる時に並び替えの選択肢が出ます。
（今回のサンプルは全部「文字列」なので出現しません）

ということでデータを通貨や数値で作り直してみた結果がこちら。
下のようなダイアログにて設定した項目が表示されます。

ここで昇順や降順、表示したい項目の選択などが設定できます。