SXA Storefront

概要

SXA Storefront の概要と開発者が利用できるリソースを入手してください。

SXA Storefront を利用すると、Sitecore のストアフロントの開発とデプロイを加速化できます。

フロントエンド開発には、次の要素が含まれます。

フロントエンド開発の要素。

バックエンド開発は Helix の原理に従い、次の要素が含まれます。

バックエンド開発の要素。

SXA Storefront ソリューションの機能レイヤーには、ストアフロント サイトの構築に必要なすべてのレンダリングが含まれています。これらのレンダリングは次のように構築されます。

  • Scriban のみのレンダリング (注文品目レンダリングなど)

  • Knockout バインディングを使用した Scriban (商品バンドル レンダリングなど)

  • Razor のみのレンダリング (ログイン レンダリングなど)

  • Knockout バインディングを使用した Razor (商品在庫レンダリングなど)

Scriban のみのレンダリングの場合、HTML マークアップは Scriban テンプレートにありますが、商品価格レンダリングについては、少なくとも次の例に示すようなコードを含む 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 ドキュメント サイトの別の領域に移動します。リンクをクリックした後で、このページに戻るには、ブラウザーの戻るボタンを使用してください。