スニペット"AjaxSearch"：検索結果一覧のアイテムのHTMLテンプレート
検索結果一覧のアイテムのHTMLテンプレートを変更するには、&tplResultパラメーターまたは&tplAjaxResultパラメーターを使用します。
&tplResultパラメーターは画面遷移（Ajaxモードが無効化時）の場合、&tplAjaxResultパラメーターは非同期（Ajaxモードが有効時）の場合のHTMLテンプレートです。
構文
画面遷移（Ajaxモードが無効化時）用
[!AjaxSearch? &tplResult=`HTMLテンプレート`!]非同期（Ajaxモードが有効時）用
[!AjaxSearch? &tplAjaxResult=`HTMLテンプレート`!]| 値 | 初期値 | 説明 |
|---|---|---|
| テンプレート | 【tplResult】 @FILE:assets/snippets/ajaxSearch/templates/result.tpl.html 【tplAjaxResult】 @FILE:assets/snippets/ajaxSearch/templates/ajaxResult.tpl.html |
チャンク名 または HTML文字列 または ファイルパス。 HTMLは先頭に @CODE:を付け、ファイルパスは先頭に@FILE:を付けて指定する。 |
サンプルコード
チャンク：search-result-item
<div class="[+as.resultClass+]">
<p class="title"><a class="[+as.resultLinkClass+]" href="[+as.resultLink+]">[+as.pagetitle+]</a></p>
[+as.descriptionShow:is=`1`:then=`<div class="[+as.descriptionClass+]">[+as.description+]</div>`+]
[+as.extractShow:is=`1`:then=`<div class="[+as.extractClass+]"><p>[+as.extract+]</p></div>`+]
[+as.breadcrumbsShow:is=`1`:then=`<div class="[+as.breadcrumbsClass+]">[+as.breadcrumbs+]</div>`+]
</div>使用
[!AjaxSearch? &tplResult=`search-result-item`!]プレースホルダー
検索結果の一覧で使用されるプレースホルダーは次の通りです。
| プレースホルダー | 説明 |
|---|---|
| [+as.resultClass+] | 囲っている要素のクラス名。 |
| [+as.resultLinkClass+] | リンク要素のクラス名。 |
| [+as.resultLink+]" | リンク先のパス。 |
| [+as.longtitle+] | 長いタイトル（longtitle）の値。 |
| [+as.pagetitle+] | リソース名（pagetitle）の値。 |
| [+as.descriptionShow+] | descriptionエリアを表示するかどうか。 |
| [+as.descriptionClass+] | descriptionのクラス名。 |
| [+as.description+] | 説明（description）の値。 |
| [+as.extractShow+] | extractエリアを表示するかどうか。 |
| [+as.extractClass+] | extractのクラス名。 |
| [+as.extract+] | &extractパラメーターで設定された内容を表示。 検索結果で検索文字に一致した箇所の表示する情報 |
| [+as.breadcrumbsShow+] | breadcrumbsエリアを表示するかどうか。 |
| [+as.breadcrumbsClass+] | breadcrumbsエリアのクラス名。 |
| [+as.breadcrumbs+] | &breadcrumbsパラメーターで設定した内容を表示。 |