--- title: "ツールボックス" slug: "the-toolbox" abstract: "ツールボックスで利用可能なレンダリングの概要。" --- # ツールボックス Sitecore Experience Accelerator(SXA)の変更点や新機能を活用するため、SXAストアフロントには更新されたレンダリングが含まれています。新しいレンダリングとその前身の比較については、「 [利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html "Choosing between available renderings")」をご覧ください。 > !注いくつかのレンダリングは非推奨化されており、ツールボックスでは「deprecated」タグで識別されています。新しいサイトではデフォルトで更新されたレンダリングを使用します。 以下の表は、ツールボックスで利用可能な商取引専用レンダリングを説明しています。 ## コマースアカウント カテゴリー レンダリング 概要 **コマースアカウント** [アドレスエディター](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Address_Editor) アドレスエディターのレンダリング機能を使って、顧客が新しい住所を追加したり、既存の住所を編集したり、アドレス帳から住所を削除したりできるようにしましょう。 [アドレスリスト](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Address_List) アドレスリストレンダリングを使って顧客の配送先および請求先住所を表示します。例えば、このレンダリングはSXAのストアフロントテンプレートのアカウント管理ページで使用されます。 [パスワード変更](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Change_Password) パスワード変更レンダリングを使ってパスワードを検証し、顧客を新しいページにリダイレクトするか、パスワード変更のメッセージを表示します。 [パスワードを忘れました](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Forgot_Password) パスワード忘れ処理を用いて、顧客がメールアドレスを入力できるようにし、システムがそれを認証した後、ランダムなパスワードとパスワード変更へのリンクが送信されます。 [ログイン](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__The_Login_) ログインレンダリングを使って、すでにアカウントを登録しているリピーターが再びアカウントにアクセスできるようにしましょう。 [プロフィールエディター](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Profile_Editor) プロフィールエディターのレンダリング機能を使って、顧客はファーストネーム、苗字、電話番号、メールアドレスなどのプロフィール情報を編集できます。 [プロフィールビュー](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Profile_View) プロフィールビューレンダリングを使って、現在の顧客アカウントのメールアドレスを表示します。 [登録](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-account-renderings.html#UUID-184282d0-f9bc-e741-0a2e-9242567892b7_id__Adding_and_configuring) 登録表示を使って、あなたのウェブサイトの登録フォームを挿入してください。 ## 商業カート カテゴリー レンダリング 概要 **商業カート** カートに追加 カートに追加レンダリング機能を使って、顧客が現在の商品をショッピングカートに追加できるようにします。 [ミニカート](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-cart-renderings.html#UUID-bfd94bdf-ff38-aa13-f156-3d99e387aa4d_id__Minicart) ミニカートレンダリングを使ってショッピングカートの中身の概要を表示します。カタログや商品ページでミニカートレンダリングを使います。 [プロモーションコード](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-cart-renderings.html#UUID-bfd94bdf-ff38-aa13-f156-3d99e387aa4d_id__Shopping_Cart_Total) プロモーションコードのレンダリング機能を使って、顧客が注文用の割引コードを入力できるようにします。 [ショッピングカートライン](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-cart-renderings.html#UUID-bfd94bdf-ff38-aa13-f156-3d99e387aa4d_id__Promotion_Codes) ショッピングカートラインのレンダリングを使って、ショッピングカートの中身を商品ごとに線で表示します。 [ショッピングカート合計](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-cart-renderings.html#UUID-bfd94bdf-ff38-aa13-f156-3d99e387aa4d_id__Shopping_Cart_Total_1) ショッピングカートの合計レンダリングを使って、ショッピングカートの中身の合計金額を要約します。 購入時の贈り物 購入時のギフト表示を使って、対象商品がカートに追加された際に買い物客が無料ギフトを選べるリストを提供します。 ## 商業カタログ カテゴリー レンダリング 概要 **商業カタログ** [カタログアイテムコンテナ](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Category_Navigation) ランディングページでカタログアイテムコンテナレンダリングを使い、カタログレンダリングのグループのデータソースとして製品アイテムを設定します。 [カテゴリナビゲーション](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Category_Navigation_1) カテゴリ [ナビゲーション](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/en/navigation-methods.html) レンダリングを使って、商品カタログのトップレベルのカテゴリ(例えばメニューやナビゲーションバー)を表示します。 [商業航行](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-navigation-renderings.html) コンテンツ内のアイテムをターゲットにしてメニュー項目を取得したい場合は、インデックスを使わずにCommerce Navigationレンダリングを使いましょう。このレンダリングは直接ナビゲーションを必要とします。複数のメニューレベル、レンダリングバリアント、レスポンシブデザインをサポートしています。 [Commerce Search結果](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/use-the-commerce-search-results-rendering.html) アイテムを取得する際は、Commerce Search Resultsレンダリングを使ってインデックスをクエリしてください。このレンダリングは、検索範囲内で定義されたカテゴリの直接下にあるアイテムのみに限定します。 無料ギフトセレクション 無料ギフトセレクションレンダリングを使って、買い物客が選べる商品のラインナップを表示します。XC Business Toolsでは、プロモーションに [フリーギフト特典](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/work-with-promotions.html) を追加し、無料ギフトプロモーションの一部として利用可能な商品を設定できます。 プロダクトバンドル 製品バンドルレンダリングを使って、関連する商品やサービスをグループとしてまとめて販売します。 製品側面 Product Facetsレンダリングはもはや推奨レンダリングではありません。推奨される代替レンダリングについては [、「利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」をご覧ください。 [製品画像](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Product_Images) Product Imagesレンダリングを使って、選択した製品に関連する各画像のサムネイル画像を表示します。 [製品情報](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Product_Information) 製品情報レンダリングを使って、製品名、説明、アイテム番号を表示してください。 [製品在庫](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Product_Inventory) 製品在庫レンダリングを使って、現在の在庫状況と在庫在庫数を\[在庫状況\] / \[在庫数\]として表示してください。 製品リスト 製品リストのレンダリングはもはや推奨レンダリングではありません。推奨される代替方法については、「 [利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」を参照してください。 ページごとの製品リスト項目数 「製品リストのページごとの項目」はもはや推奨されるレンダリングではありません。推奨される代替方法については、「 [利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」を参照してください。 製品リストページ情報 製品リストの情報ページレンダリングはもはや推奨レンダリングではありません。推奨される代替方法については、「 [利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」を参照してください。 製品リストページ 製品リストのページャーレンダリングはもはや推奨レンダリングではありません。推奨される代替方法については [、「利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」を参照してください。 製品リストのソート 製品リストのソーティングレンダリングはもはや推奨レンダリングではありません。推奨される代替方法については [、「利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」を参照してください。 [製品価格](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Product_Price) 商品価格レンダリングを使って商品価格を表示します。商品がセール中の場合は割引価格が表示され、元の価格は消線文字で表示されます。 [製品バリアント](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_id__Product_Variants) Product Variantsレンダリングを使って、各バリアントフィールドごとにドロップダウンメニューを表示します(例えば、サイズ用、色用です)。 プロモート商品 プロモート製品レンダリングはもはや推奨レンダリングではありません。推奨代替については [、「利用可能なレンダリングの選択](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/choosing-between-available-renderings.html)」を参照してください。 [Search開始、訪問済みカテゴリページ、および訪問済み商品ページ](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-catalog-renderings.html#UUID-97f8d2d8-d041-6752-cf8f-5c41424bc783_N1531997851799) Search開始済み、訪問済みカテゴリページ、訪問済み製品ページのレンダリングを使って、訪問者の行動を追跡します。これらのレンダリングはそれぞれ、コマースConnect APIに個別に呼び出しを行い、xDBに関連するページイベントをトリガーします。 サブカテゴリナビゲーション サブカテゴリナビゲーションレンダリングを使って、選択したトップレベルカテゴリのサブカテゴリのリストを表示します。 ## コマースチェックアウト カテゴリー レンダリング 概要 **コマースチェックアウト** [請求](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-checkout-renderings.html#UUID-365c377a-021d-b024-aab7-fc45161e1d0b_id__Billing) 請求レンダリングを使って、顧客が支払い情報を指定できるようにします。 [配達](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-checkout-renderings.html#UUID-365c377a-021d-b024-aab7-fc45161e1d0b_id__Delivery_1) Deivery レンダリングを使って、顧客が商品の発送場所と方法を指定できるようにします。デフォルトでは、配達はチェックアウトプロセスの最初の目に見えるステップです。 [注文確認](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-checkout-renderings.html#UUID-365c377a-021d-b024-aab7-fc45161e1d0b_id__Oder_Confirmation) 注文確認を使って、顧客の注文が提出されたことを確認します。 [レビュー](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-checkout-renderings.html#UUID-365c377a-021d-b024-aab7-fc45161e1d0b_id__Review) レビューレンダリングを使って、顧客が注文を確認し確認できるようにします。 [チェックアウト開始](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-checkout-renderings.html#UUID-365c377a-021d-b024-aab7-fc45161e1d0b_id__The_default_checkout) 「開始会計」レンダリングを使って、顧客が会計プロセスを開始できるようにします。 [ステップインジケーター](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-checkout-renderings.html#UUID-365c377a-021d-b024-aab7-fc45161e1d0b_id__Step_Indicator) ステップインジケーターを使って、チェックアウトの進捗を表示してください。 ## コマースメール カテゴリー レンダリング 概要 **コマースメール** [製品推奨](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-email-renderings.html) 商品推薦レンダリングを使って、最近の注文に基づいて顧客にアップセルやクロスセルを行ってください。 \> \[!注\] \> また、New Order Placedキャンペーンのような [マーケティングオートメーションで使用されるメールキャンペーン](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/walkthrough--setting-up-a-commerce-marketing-automation-campaign.html) の一部や、 [顧客のセグメント化されたリストをターゲットにしたメールキャンペーン](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/create-a-regular-email-campaign-for-recommended-products.html)の一部としても利用されます。 ## 商業命令 カテゴリー レンダリング 概要 **商業命令** [修道会の歴史と最近の修道会](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-orders-renderings.html#UUID-2ed81477-b102-b803-3797-1170220dc587_id__The_Order_History) 注文履歴レンダリングと最近の注文表示を使って、顧客が確認できる注文詳細を提供します。 [注文ヘッダー、注文行、注文合計](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-orders-renderings.html#UUID-2ed81477-b102-b803-3797-1170220dc587_id__The_Order_Header) 注文ヘッダー、注文ライン、注文合計レンダリングを使って、注文の詳細と合計を表示します。 ## 商業共有 カテゴリー レンダリング 概要 **商業共有** 言語選択器 言語選択ツールのレンダリング機能を使って、顧客がストアフロントやコマースメールで見たい言語を選択できるようにします。 [メッセージ概要](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-shared-renderings.html#UUID-79ba179a-b978-829b-e537-d77507e04312_id__Message_Summary) メッセージサマリーレンダリングを使って、他のレンダリングによってトリガーされ、メッセージサマリーにプッシュされたメッセージを表示します。 [Search Bar](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-shared-renderings.html#UUID-79ba179a-b978-829b-e537-d77507e04312_id__Search_Bar) Search Barのレンダリングを使って、プレースホルダーテキストと鏡のアイコンで識別される検索ボタン付きのテキストボックスを表示します。 [トップリンクスバー](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/commerce-shared-renderings.html#UUID-79ba179a-b978-829b-e537-d77507e04312_id__TopBarLinks) トップバーのリンクレンダリングを使って、顧客向けに複数のリンクを表示します。