Commerce Search Results Scribanテンプレートを修正

このトピックでは、Scribanテンプレートを編集してCommerce Search結果のレンダリングを変更する方法の例を提供します。

変更前は、ライブストアフロントの商取引検索結果に在庫状況ラベルと詳細ボタンが含まれていました。

Scribanテンプレートを修正した後、詳細ラベルは在庫ステータスに置き換えられます。

!注Commerce Search Results Scribanテンプレートの変更方法については、Discover Sitecoreチャンネルで公開されている 動画 をご覧ください。

Scribanテンプレートを使ったCommerce Search結果のレンダリングを変更するには:

1. コンテンツエディターでsitecore\Content\\\Presentation\Rendering Variantsへ行ってください。

2. Commerce Search Results項目とDefault項目を展開し、「Scriban」をクリックします。

   

3. コンテンツタブのVariantDetailsセクションのテンプレートフィールドで、以下の行を修正してください:

   {{ displayName = i\_item.display\_name | html.escape }}

   {{ productImage = i\_item.images.targets | array.first if productImage sc\_execute productImage "Responsive Image" end }}

   {{ sc\_translate 'SAVINGS\_LABEL' }}

   {{ displayName }}

   {{ i\_item.brand }}

   {{ sc\_translate 'STARTING\_FROM' }} 1

   2 3{{ sc\_translate 'DETAILS' }}

   [**1

   この行からdata-bind="text: stockLabel"をクリップボードにコピーし、その行を削除してください。

   [**2

   行末尾にdata-bind="text: stockLabel"を追加します。

   [**3

   {{ sc_translate 'DETAILS' }}} 行を削除してください。

   !注編集を容易にするために、Scribanのコードをコードエディタにコピーし、修正してからテンプレートフィールドに戻すことができます。

4. リボンメニューで「 保存」をクリックします。

5. F9を押してSmart Publishを使って変更を公開してください。