--- title: "店舗の要素" slug: "elements-of-a-storefront" abstract: "ストアフロントサイトを構成する構成要素や、SXA Storefrontがサポートする機能について学びましょう。" --- # 店舗の要素 SXA Storefrontは、Sitecore Commerce向けのウェブショップモジュールで、オンラインでストアフロントを展開できます。カタログの作成、在庫の記録、価格やプロモーションの管理は[Sitecore Commerce](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/sitecore-xc-business-tools.html "Sitecore XC Business Tools")で行われます。この情報はその後、取得されストアフロントに表示されます。 > !注Sitecore 9.3以降、[製品リストやプロモーション商品](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/choosing-between-available-renderings-for-product-lists.html) の表示方法が変更されました。 以下の画像は、ストアフロントサイトを構築する際に使えるレンダリングの一部を示しています。これらのレンダリングはエクスペリエンスエディターの [ツールボックス](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/the-toolbox.html "The Toolbox") からアクセスし、要件に合わせて [設定](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/configure-a-commerce-rendering.html "Configure a Commerce rendering") できます。 ![Elements of a storefront on the live site](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/WebStoreParts93.png) ストアフロントには以下の機能が含まれます: - [ショッピングカート](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-a-storefront.html#UUID-2c90eb95-5ea6-8d05-1081-5d03092c9609_id__Shopping_cart "Shopping cart") - [カタログ](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-a-storefront.html#UUID-2c90eb95-5ea6-8d05-1081-5d03092c9609_id__Catalog "Catalog") - [製品価格](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-a-storefront.html#UUID-2c90eb95-5ea6-8d05-1081-5d03092c9609_id__Product_prices "Product prices") - [製品在庫](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-a-storefront.html#UUID-2c90eb95-5ea6-8d05-1081-5d03092c9609_id__Product_inventory "Product inventory") - [支払い](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-a-storefront.html#UUID-2c90eb95-5ea6-8d05-1081-5d03092c9609_id__Payment "Payment") - [船舶](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-a-storefront.html#UUID-2c90eb95-5ea6-8d05-1081-5d03092c9609_id__Shipping "Shipping") ## ショッピングカート 顧客は購入したい商品を店舗のショッピングカートに追加できます。購入前に店舗を離れても、商品はカート内に残ります。既存のショッピングカートは、連絡先が店舗に戻ると自動的に再開されます。 ![Workflow when customer who is logged in adds items to the cart.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/Session1.png) セッション1:顧客がログインして商品をカートに追加し、その後ログアウトします。カートは後回のセッションのために保存されます。 ![Workflow when an anonymous customer adds items to the cart.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/Session2.png) セッション2:顧客はサイトを閲覧し、匿名で商品をカートに追加します。顧客がログインすると、セッション1で保存された商品が、セッション2で匿名で追加された商品と一緒に、連絡先のショッピングカートに表示されます。 > !注注文を完了していない顧客を店舗に戻すために、[マーケティングオートメーションキャンペーン](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/understanding-commerce-marketing-automation-campaigns.html) を店舗サイトに関連付けることができます。 ## カタログ 顧客はカテゴリやサブカテゴリでストアフロントを閲覧でき、ブランド、サイズ、色などの様々な条件で結果を絞り込むことができます。 同じ店舗内で、また同じ商品を共有する異なる店舗間で、カテゴリーや商品が複数の異なるプレゼンテーションを持つこともあります。 ## 製品価格 SXAストアフロントはすべての商品のリスト価格と、販売中の商品に対する調整価格および割引割合を表示します。 ストアフロントは、コマースエンジンでインデックス価格と動的価格検索の両方をサポートしています。データプロバイダーを通じて商品に公開されたリスト価格および調整価格も自動的にインデックス化されます。検索結果、カテゴリページ、商品詳細ページでは、デフォルトで動的検索が行われます。 ## 製品在庫 Search結果およびカテゴリページでは、在庫あり、在庫切れ、予約可能、バックオーダー可能などの在庫状況が表示されます。 製品詳細ページには以下が示されています: - 在庫状況(在庫あり、在庫切れ、予約可能、バックオーダー可能)など。 - 在庫数。 - 予約注文可能な商品が在庫開始・在庫化される日時。 - バックオーダー可能な商品が在庫が出る日。 ストアフロントは、キャッシュされた在庫状況情報と、コマースエンジンでの動的在庫状況検索の両方をサポートしています。デフォルトは、検索結果、カテゴリーページ、商品詳細ページの両方で動的検索です。 ## 支払い 以下の請求オプションがサポートされています: - クレジットカード - 昇進コード - ギフトカード(チェックアウト時に引き換え可能) コンテンツエディターで各ストアフロントの支払いオプションを設定するには、Commerceコントロールパネル(*sitecore/Commerce/Commerce Control Panel/Storefront設定/Storefronts//Payment Configuration*)から移動します。 > !注チェックアウト時にオンライン決済を可能にするため、ストアフロントのサイトテンプレートにはBrainTreeとの連携が含まれています。BrainTreeに連絡して契約交渉を行い、必要な加盟店IDを取得してください。開発者アカウントはストアフロント開発やテスト用に利用可能です。カスタムコマースコンポーネントを作成して、お好みの決済プロバイダーを統合することも可能です。 > > Braintree決済プロバイダーの統合方法の概要については、[Discover Sitecore](https://www.youtube.com/watch?v=SAaEF2UAERc)チャンネルをご覧ください。 ## 船舶 以下の配送オプションに対応しています: - 送達先 - ギフトカードを含むデジタル商品はメールでSendご連絡いただけます 配送オプションはショッピングカートのラインごとに選択可能です。 配送方法の設定はCommerceコントロールパネル(*sitecore/Commerce/Commerce Control Panel/Storefront設定/Storefronts/フルフィルメント設定*)で行います。