Scribanテンプレートの扱い方
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXAストアフロントには 、Scribanテンプレートを使用した複数のレンダリングが含まれています。Scribanテンプレートは、他のSXAレンダラーでは表現できない高度なロジックを含み、複数のレンダラーを1つのテンプレートで置き換えることができます。これにより、レンダリングバリアントの複雑さが大幅に軽減されます。Scribanテンプレートは、フィールドレンダラー、セクション、タグなどに似たレンダラーとして利用可能で、他のレンダラーと共存することも可能です。既存のレンダリングバリアントを置き換えるためにも利用できます。
Scribanテンプレートの利点は、高速で軽量なスクリプト言語を使って既存の機能を容易に拡張できることです。通常レンダリングバリアントを使う際にSitecoreアイテムでHTML構造を定義するのではなく、Scribanテンプレート内で直接構造を作成できます。次の画像に示すように、従来のアイテムツリーレンダリングバリアントにおけるSitecoreアイテムの構造はScribanテンプレートでミラーリングされています。同じHTMLが作成されますが、はるかにコントロールが強化され、プログラミング言語の構成文や様々な関数、コンテキストアイテム、プロパティにアクセスするカスタムオブジェクトにアクセスできます。
!注基盤となる テンプレート言語 や 組み込み関数 に関する一般的なドキュメントは 、ScribanのGitHubリポジトリで入手可能です。
!ヒントテンプレートフィールドは、下端にカーソルを合わせて境界線をドラッグすることで展開できます。
大まかに、以下の画像はレンダリングバリアントを用いてScribanテンプレートを使った際のデータ処理方法を示しています。
以下のSXA StorefrontレンダリングはScribanテンプレートとして利用可能です。これらのレンダリングは それぞれCXAObservableを介して通信します。
これらのレンダリングには廃止版もあり、既存のサイトでのみ後方互換性を提供するため利用可能で、Scribanテンプレートの代わりに標準的なRazorベースのMVCビューとコードバインドを使用しています。これらのレンダリングはツールボックスから追加または削除できます。作成するには、/sitecore/Content/Sitecore/Storefront/Presentation/Available Renderings/Commerceに移動し、データセクションのコンテンツタブで編集をクリックしてください。
!注Scribanテンプレートの改変方法のデモについては、Discover SitecoreチャンネルのSitecore Experience Commerce - SXA Storefront動画をご覧ください。ScribanコードはVariantDetailsセクションのコンテンツタブのテンプレート欄からアクセスできます。テンプレートフィールドは、下の境界にカーソルを合わせて境界の端をドラッグすることで展開できます。