SXAストアフロント
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXA Storefrontは、Sitecore Storefrontの開発とデプロイを加速するのに役立ちます。
フロントエンド開発には、次の要素が含まれます。
バックエンド開発はHelixの原則 に従い、次の要素を網羅しています。
SXA Storefrontソリューションの フィーチャ レイヤー には、ストアフロント サイトの構築に必要なすべてのレンダリングが含まれています。これらのレンダリングは次のように構築されています。
-
Scribanのみのレンダリング( たとえば、Order Linesレンダリング )
-
Knockoutバインディング付きのScriban ( Product Bundleのレンダリングなど)
-
Razorのみのレンダリング ( ログイン レンダリングなど)
-
Knockoutバインディング付きのRazor ( たとえば、Product Inventoryレンダリング)
Scribanのみのレンダリングの場合、HTMLマークアップはScribanテンプレートにあります。ただし、少なくともProduct Priceレンダリングの次の例に示すようなコードを含むRazorビューが必要です。
<div @Html.Sxa().Component(Model.Rendering.RenderingCssClass ?? "cxa-productprice-component", Model.Attributes) data-cxa-component-class="ProductPrice" data-cxa-component-initialized="false" data-cxa-component-type="component">
<div class="component-content">
@if (Model.Item != null)
{
foreach (BaseVariantField variantField in Model.VariantFields)
{
@Html.RenderingVariants().RenderVariant(variantField, Model.Item, Model.RenderingWebEditingParams, Model)
}
}
</div>
</div>Sitecoreには、SXA Storefront開発を開始するのに役立つ多くのリソースがあり、主要なリソースの一部がここにリストされています。
次のリンクの一部は、Sitecoreドキュメント サイトの別の領域に移動します。リンクをクリックした後にこのページに戻るには、ブラウザの戻るボタンを使用します。
関連情報
次の一覧には、その他の役立つリソースへのリンクが含まれています。