レンダリングバリアントのカスタマイズ
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
レンダリング バリアントを使用すると、同じレンダリングをさまざまな方法で使用できます。レンダリング バリアントごとに、特定の方法で情報を表示するようにHTMLを構造化およびスタイル設定でき、バリアントごとに異なるコンテンツを公開できます。次の例は、レンダリング バリアントを使用して、イメージの位置を左から右に変更し、イメージをまとめて削除する方法を示しています。
すべてのSXAとCommerceのレンダリングでは、標準のRazorビューとコードビハインド アプローチが使用されます。また、一部のレンダリングでは、次のいずれかの方法で実装されたレンダリング バリアントも使用されます。
レンダリングバリアント - Scriban
レンダリングバリアント - Scriban
Scribanテンプレート は、標準のSXAフィールド レンダラー を使用するよりもレンダリングのマークアップと機能に柔軟性があり、レンダリング バリアントのカスタマイズが容易になります。ScribanテンプレートはSXA Storefrontレンダリング バリアントに保存され、コンテンツ エディター (/sitecore/Content/Sitecore/Storefront/Presentation/Rendering Variants) で使用できます。
レンダリングバリアント - フィールドレンダラー
レンダリングバリアント - フィールドレンダラー
一部のレンダリングには、次のようなフィールドレンダラーに基づくコマース固有の レンダリングバリアント (ページコンテンツレンダリングや商品情報レンダリングバリアントなど)があります。
-
Sitecoreアイテム自体と同じタイプを使用してSitecoreアイテムから値を読み取るバリアント フィールド。
-
Variantセクションは、HTML要素を作成するラッパーです。
-
テキスト定数に使用されるバリアントテキストフィールド。
-
バリアント日付フィールド: 日付形式を定義できます。
-
レンダリングバリアントに他のコンポーネントを埋め込むことができるようにプレースホルダーを作成するバリアントプレースホルダー。