---
title: "ストアフロントの設定をしましょう"
slug: "configure-your-storefront"
abstract: "SXA Storefrontの設定手順の概要。"
---
# ストアフロントの設定をしましょう

Storefrontのサイトテンプレートで [サイトを作成](https://doc.sitecore.com/xp/ja/developers/100/sitecore-experience-commerce/create-a-commerce-tenant-and-site.html "Create a Commerce tenant and site") した後、会社に合わせて変更できます。

> !注もしあなたのストアフロントが複数言語に対応している場合、[SXAのストアフロントサイトに言語を追加します](https://doc.sitecore.com/xp/ja/developers/100/sitecore-experience-commerce/add-a-language-version-to-an-existing-storefront-site.html "Add a language version to an existing storefront site")。

ストアフロントの設定:

1.  コンテンツエディターで*Sitecore/Storefront/Settings/Site Grouping/Storefront*アイテムに移動し、**ホスト名** 欄でホスト名を自分のストアフロントに反映させるように変更します:
    
    ![Storefront in the Site Grouping folder.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/63F6003B0E7741F38F1BBDC21E4A9876.png)
    
2.  *sitecore/Commerce/Commerce Control Panel*に移動し、Commerceコントロールパネルで設定を更新してください。[Commerce Connectでインストールされた設定](https://doc.sitecore.com/xp/ja/developers/100/sitecore-experience-commerce/commerce-engine-and-storefront-configuration-settings.html "Commerce Engine and Storefront configuration settings")と、[SXA Storefrontでインストールされている設定](https://doc.sitecore.com/xp/ja/developers/100/sitecore-experience-commerce/configure-sxa-storefront-and-commerce-settings.html "Configure SXA Storefront and commerce settings")を必ず更新してください。
    
    Commerce Control PanelはCommerce Connectをインストールするとインストールされます。Commerce Control Panelでは、Sitecoreでコンテンツを編集することで、コマースエンジン、店舗フロント、ビジネスツール(顧客・注文マネージャー、プライシング・プロモーションマネージャーなど)を設定できます。
    
    > !注ストアフロント環境の設定方法については、「 [ストアフロント環境の設定](https://doc.sitecore.com/xp/ja/developers/100/sitecore-experience-commerce/configure-the-storefront-environment.html "Configure the storefront environment")」をご覧ください。
    
3.  Commerceレンダリングの設定:
    
    ショップごとにショップに表示されるすべてのテキストコンテンツを、エクスペリエンスエディターまたはコンテンツエディターで設定できます。
    
    > !注SXAストアフロントで使用されるレンダリングに関連するコンテンツは以下の通りです: *sitecore/Content/Sitecore//Data/Commerce//* (例: *sitecore/Content/Sitecore/Storefront/Data/Commerce/Account/Registration*)
    
    特定のレンダリングに固有の他の側面も設定してください。ツールボックス内のレンダリンググループを説明する以下のトピックで、個別レンダリングの設定方法を読むことができます。
    
    -   [コマース会計レンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-account-renderings.html)
    -   [商業命令のレンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-orders-renderings.html)
    -   [コマースカートのレンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-cart-renderings.html)
    -   [商業カタログのレンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-catalog-renderings.html)
    -   [コマースチェックアウトのレンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-checkout-renderings.html)
    -   [コマース共有レンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-shared-renderings.html)
    -   [Commerceメールレンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/commerce-email-renderings-for-marketing-automation.html)
4.  店舗のビジュアルデザインを更新するには、自分で [テーマ](https://doc.sitecore.com/xp/ja/developers/100/sitecore-experience-commerce/storefront-themes.html "Storefront themes")をデザインしてください。
    
5.  ストアフロントページのコンテンツを設定してください。例えば、自分のロゴ画像を挿入し、Homeページのカルーセル[レンダリング](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/add-carousel-and-flip.html)に自分の画像を関連付け、レンダリングに含まれないテキストを修正します。