検索窓のオプション項目のボタンなどを表示/非表示にしたいです
検索窓のオプション項目のボタンなどを表示/非表示にしたいです
Q. 検索窓のオプション項目のボタンやプルダウンメニューなどを表示/非表示にしたいです。
A.
mf-search-boxタグの属性指定でコントロールできます。
■デフォルトで表示されるUI
mfx-serp.jsを読み込んでいるページで、
mf-search-boxタグに何も属性指定しなかった場合、以下のような表示になります。
管理画面にてカテゴリを設定している場合、カテゴリ選択用UIも表示されます。
■デフォルトで表示されるUIを非表示にするには
mf-search-boxタグの属性指定で、各UIの表示をコントロールできます。
例えば、
並び順選択用UI
を非表示にする場合、以下のように記述します。
例
<mf-search-box
submit-text=""
ajax-url="
//xxxx.marsflag.com/xxxx__xxxx__xxxx/x_search.x
"
sort-hidden
></mf-search-box>
※
青字
の部分はお客様によって異なります。
各UIを非表示とする
mf-search-boxタグの属性は以下のとおりです。
No.
属性
1
doctype-hidden
文書種別選択
用UIを非表示にする
2
sort-hidden
並び順選択用UIを非表示にする
3
pagemax-hidden
表示件数選択用UIを非表示にする
4
imgsize-hidden
画像サイズ選択用UIを非表示にする
5
category-hidden
カテゴリ選択用UIを非表示にする
6
options-hidden
文書種別選択用UI以外の4つのUIを非表示にする
Related Articles
ZOOMボタンを非表示にしたいです
Q. 検索結果画面に「ZOOMボタン」が表示されますが、非表示にしたいです。 A. CSSに以下を追記してください。 a.mf_finder_organic_doc_zoom { display: none !important; }
ドリルダウンの0件の項目を非表示にしたいです
Q.ドリルダウンを使用しているのですが、結果が0件となった項目を非表示とするにはどうすれば良いでしょうか。 A.以下のCSSを"mfx-sbox.css"の読み込みの後へ追加してください。 <style type="text/css"> .mf_finder_drilldown_item_nohit { display: none; } </style>