検索＋絞り込みバー
キーワード入力とカテゴリ select を横並びにした検索バー。
使いどころ
キーワード入力とカテゴリ select を横並びにした検索バー。
- サイト内検索結果
- ブログの検索画面
- EC 商品検索
カスタマイズのポイント
結果件数表示・カテゴリ別フィルタ・ソート機能を組み合わせると本格的な検索 UI に。
注意点
「結果 0 件」の場合は代替提案（「もしかして：◯◯」「人気記事はこちら」）を出すと離脱を防げる。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。