https://www.aunworks.jp/assets/js/suggest.js?_rc_=281

1// 環境が変わる際は、以下を編集
2let LinkRoot = webroot;
3let ImgRoot = "//aunstage.blob.core.windows.net";
4
5NPSuggest.bind(
6    {
7        // サジェストのリクエストを送信するサーバ名を設定します。
8        server: searchServerName,
9        // ご契約時にお知らせするアカウント ID を設定します。（必須）
10        accountID: searchAccountId,
11        // 検索テキストボックスの HTML タグの id を設定します。（必須）
12        inputAreaID: "q",
13        // 検索ボタンの HTML タグの id を設定します。（必須）
14        submitBtnID: "search_btn",
15        // カテゴリとキーワードサジェストを連動する必要がある場合は、カテゴリの値が設定されたHTML タグ（select タグや input タグ）の id を設定します。必要がない場合は、””（ブランク）を設定ください。
16        categoryAreaID: "header_category_select",
17        // サジェストとして特定のカラムのみ、もしくは自動学習のもののみを表示させたい場合に、その値が設定された HTML タグ（select タグや input タグ）の id を指定します。
18        fieldAreaID: "",
19        // サジェストとして特定のカラムのみ、もしくは自動学習のもののみを表示させたい場合で、値を固定で指定する場合に使用します。
20        field: "narrow6, narrow18, title, narrow19",
21        // サジェスト候補のカテゴリによる絞込機能を利用している場合に、商品詳細も同様に絞り込みたい場合に設定します。
22        categoryName: "s3",
23        // サジェスト領域のデザインのクラスを指定します。（デフォルトは’np-keyword-suggest’）
24        suggestAreaClass: "np-keyword-suggest",
25        // 商品詳細領域のデザインのクラスを指定します。（デフォルトは’np-item-suggest’）
26        itemListClass: "np-item-suggest",
27        // サジェスト表示するキーワードの最大数を設定します。0 を設定した場合、何も表示しません。通常は、5 - 10 の値を設定ください。（デフォルトは 10）
28        maxSuggest: 10,
29        // サジェストを前方一致で行うか中間一致で行うかを指定します。前方一致の場合は’prefix’、中間一致の場合は’partial’を指定してください。（デフォルトは’prefix’）
30        matchMode: "partial",
31        // true を設定すると、サジェストの表示領域を強制的にブラウザの最上位にします。サジェストの表示が画像や HTML の下に潜り込んでしまう場合のみ使用してください。（デフォルトは false）
32        alwaysOnTop: false,
33        // サジェスト候補のソート時の正規化について設定します。1 だと「文字列の正規化なし」、2 だと「文字列の正規化あり」となります。（デフォルトは 1）
34        sortType: 1,
35        // サジェスト表示開始文字数を指定します。
36        minimumChar: 1,
37        // サジェストの表示をブラウザ全体にオーバーレイ表示するかどうかを設定します。（デフォルトは’off’）
38        overlayMode: "off",
39        // オーバーレイ表示時の入力ボックスのプレースホルダテキストを設定します。
40        overlayPlaceHolder: "",
41        // 漢字のふりがなを解析対象とするかどうかを設定します。（デフォルトは true）
42        furigana: true,
43        // 入力キーワードと一致したサジェスト候補をハイライト表示するかどうかを設定します。（デフォルトは’off’）
44        suggestHighlight: "on",
45        // 検索テキストボックス直下を基準に、サジェスト表示位置の x 座標を調整する場合に利用します。（デフォルトは  0、単位はピクセル）
46        suggestAreaXcordinate: 0,
47        // 検索テキストボックス直下を基準に、サジェスト表示位置の y 座標を調整する場合に利用します。（デフォルトは  0、単位はピクセル）
48        suggestAreaYcordinate: 0,
49        // 履歴表示機能を利用するかどうかを設定します。（デフォルトは  ’off’）使用する場合は’on’、使用しない場合は’off’を指定します。
50        historyEnabled: "off",
51        // ランキング表示機能を利用するかどうかを設定します。（デフォルトは  ’off’）使用する場合は’on’、使用しない場合は’off’を指定します。
52        rankingEnabled: "off",
53        // ランキング表示機能で表示するランキングの種別を指定します。（デフォルトは  ’weekly’）
54        rankingType: "weekly",
55        // サジェスト候補のパス(path)の表示方法を指定します。（デフォルトは  ’1’）
56        pathDisplayType: 2,

57        // recommendItemEnabled が’auto’のときに、商品詳細を表示する最低のブラウザ幅（単位はピクセル）を設定します。
58        recommendItemEnabled: "on",
59        // 商品詳細で表示される商品名（title）、および商品詳細に表示するカラムで指定した項目に対し、HTML タグを有効化するかを指定します。
60        recommendItemHtmlEnabled: "off",
61        // 商品詳細を表示するタイミングを指定します。テキストボックスに値を入力した時点の場合は’input’、サジェスト候補を選択した時点の場合は’mouseover’を指定します。（デフォルトは’mouseover’）
62        recommendItemTiming: "mouseover",
63        // 商品詳細の表示エリアのタイトルを指定します。
64        recommendItemAreaTitle: "",
65        // 商品詳細をサジェスト領域に対してどの位置に表示するかを指定します。以下の指定が有効です。（デフォルトは’right’）
66        recommendItemAreaPosition: "right",
67        // 商品詳細の表示順を指定します。指定方法は NaviPlus サーチの「sort」と同様の方法になります。
68        recommendItemSort: "price",
69        // recommendItemEnabled が’auto’のときに、商品詳細を表示する最低のブラウザ幅（単位はピクセル）を設定します。
70        recommendItemLimitWidth: -1,
71        // recommendItemEnabled が’auto’のときに、商品詳細を表示する最低のブラウザ高さ（単位はピクセル）を設定します。
72        recommendItemLimitHeight: -1,
73        // 商品詳細表示で、リンク先 URL のプレフィックスを設定します。
74        recommendItemUrlPrefix: LinkRoot,
75        // 商品詳細表示で、画像 URL のプレフィックスを設定します。
76        recommendImageUrlPrefix: ImgRoot,
77        // 商品詳細表示で、画像（商品データの image 項目の画像 URL）読み込みが行えない場合、指定した URL に対し、読み込みます。
78        recommendImageAlternative: "",
79
80        // リクエスト先のサーバや利用するアカウントを定義するための項目
81        sources:
82        {
83            // サーチのリクエスト先やアカウントを定義するための項目
84            search:
85            {
86                // サーチリクエストを送信するサーバ名を設定
87                server: searchServerName,
88                // アカウントIDを設定
89                accountID: searchAccountId,
90            }
91        },
92        // 拡張機能を適用するカラムを定義するための項目。複数定義することが可能
93        columns:
94        {
95            // 自動学習ワードの拡張機能設定
96            query:
97            {
98                // 商品詳細の上段の表示順を指定
99                upperSort: "Score",
100                // 商品詳細の下段の抽出ロジック名に応じたパラメータを自動付与。商品詳細の下段表示を利用されない場合は、””（ブランク）を設定
101                recommendBase: "",
102                // htmlを固定値で指定
103                responseType: "html",
104                // 商品詳細の上段を表示するテンプレートを設定。NaviPlus サーチ管理画面で作成したテンプレート名を指定
105                upperTmpl: "suggest_upper",
106            },
107            // カラム名【title = 商品名】の拡張機能設定
108            title:
109            {
110                // 商品詳細の上段の表示順を指定
111                upperSort: "Score",
112                // 商品詳細の下段の抽出ロジック名に応じたパラメータを自動付与。商品詳細の下段表示を利用されない場合は、””（ブランク）を設定
113                recommendBase: "",
114                // htmlを固定値で指定
115                responseType: "html",
116                // 商品詳細の上段を表示するテンプレートを設定。NaviPlus サーチ管理画面で作成したテンプレート名を指定
117                upperTmpl: "suggest_upper",
118            },
119            // カラム名【narrow6 = カテゴリ】の拡張機能設定
120            narrow6:
121            {
122                // 商品詳細の上段の表示順を指定
123                upperSort: "Score",
124                // 商品詳細の下段の抽出ロジック名に応じたパラメータを自動付与。商品詳細の下段表示を利用されã

124ªã„場合は、””（ブランク）を設定
125                recommendBase: "",
126                // htmlを固定値で指定
127                responseType: "html",
128                // 商品詳細の上段を表示するテンプレートを設定。NaviPlus サーチ管理画面で作成したテンプレート名を指定
129                upperTmpl: "suggest_upper",
130            },
131            // カラム名【narrow19 = 品番】の拡張機能設定
132            narrow19:
133            {
134                // 商品詳細の上段の表示順を指定
135                upperSort: "Score",
136                // 商品詳細の下段の抽出ロジック名に応じたパラメータを自動付与。商品詳細の下段表示を利用されない場合は、””（ブランク）を設定
137                recommendBase: "",
138                // htmlを固定値で指定
139                responseType: "html",
140                // 商品詳細の上段を表示するテンプレートを設定。NaviPlus サーチ管理画面で作成したテンプレート名を指定
141                upperTmpl: "suggest_upper",
142            },
143            // カラム名【narrow18 = メーカー名】の拡張機能設定
144            narrow18:
145            {
146                // 商品詳細の上段の表示順を指定
147                upperSort: "Score",
148                // 商品詳細の下段の抽出ロジック名に応じたパラメータを自動付与。商品詳細の下段表示を利用されない場合は、””（ブランク）を設定
149                recommendBase: "",
150                // htmlを固定値で指定
151                responseType: "html",
152                // 商品詳細の上段を表示するテンプレートを設定。NaviPlus サーチ管理画面で作成したテンプレート名を指定
153                upperTmpl: "suggest_upper",
154            }
155        }
156    });