---
title: "商業命令のレンダリング"
slug: "commerce-orders-renderings"
abstract: "顧客が注文リストを閲覧できるようにするCommerce Orderレンダリングの概要。"
---
# 商業命令のレンダリング

[Commerce Orderレンダリング画像をストアフロントに追加](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/build-a-storefront-with-commerce-renderings.html "Build a storefront with Commerce renderings")することで、顧客が自分の注文リストや単一の注文の詳細を確認できるようにします。注文の詳細とリストは、アカウントにログインした顧客のみが閲覧できます。

このトピックは、ツールボックス内の**Commerce Order**セクションからアクセス可能なレンダリングについて説明します。

## 注文履歴レンダリングおよび最近注文レンダリング

注文履歴レンダリングと最近の注文レンダリングを使って、顧客が確認できる注文詳細を提供します。注文履歴レンダリングには顧客が行ったすべての注文が記載され、最近の注文レンダリングは過去30日以内に顧客が行った注文のみを表示します。エクスペリエンスエディターのページにどちらかのレンダリングを追加すると、次のようになります:

![Orders displayed in the Experience Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/7C2B6BB06298488C8F1B8AD0E5421C2C.png)

両リストには各命令ごとに以下の情報が含まれています。

-   **注文番号 –** Sitecore Commerceから割り当てられた注文番号。
-   **ステータス –** 注文の現在の商業システム上のステータス。
-   \*\*日付 – \*\*注文が行われた日付。
-   **注文詳細アイコン –** 注文詳細が記載されたページへのリンクです。

エクスペリエンスエディターでは、リストにはプレースホルダーデータが含まれており、リンクは無効化されています。

##### 構成

注文履歴のレンダリングと最近の注文表示はコントロール [プロパティ](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/configure-a-commerce-rendering.html "Configure a Commerce rendering")ダイアログボックスで設定します。以下の設定プロパティはダイアログボックス内の **「最近の注文タイトル** 」セクションで利用可能です。

財産

使用方法

ディスプレイタイトル

最近の注文ヘッダーを設定してください。

表示 すべての注文を見る リンク

「すべての注文を表示」リンクを表示するか非表示してください。

すべての注文を見るリンク

「すべての注文を見る」リンクを設定してください。

> !注両方のレンダリングで、テキスト、ツールチップ、表示される注文数を設定できます。エクスペリエンスエディターでレンダリングをクリックし、レンダリングツールバーで「関連コンテンツを追加または編集」をクリックし、関連項目を編集します。

## オーダーヘッダー、オーダーライン、オーダートータルレンダリング

エクスペリエンスエディターのSXAストアフロントテンプレートの **注文詳細** ページは以下の通りです:

![Order Details displayed in the Experience Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/OrderLinesEE10.png)

### オーダーヘッダー

注文ヘッダーのレンダリングには、注文番号、日付、ステータスなどの一般的な情報が含まれています。エクスペリエンスエディターにはプレースホルダーデータが含まれています。

### 注文ライン

注文ラインレンダリングを使い、注文中の商品ごとに1行ずつ表示し、各行に商品画像、タイトル、単価、割引タイプ、数量、総価格、そして該当する場合は無料のギフトラベルを表示します。エクスペリエンスエディターでは、レンダリングにプレースホルダーデータが表示されます。

> !注オーダーラインレンダリング用の画像は [、サイトレベルで設定](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/en/configure-the-source-for-catalog-images.html)されています。

以下の構成プロパティは「**コントロールプロパティ**」ダイアログボックスで利用可能です。

財産

使用方法

**スタイリング - 商業**

コンパクトカート

ショッピングカートラインのコンポーネントを小さくコンパクトに表示します。

メインタイトル

ショッピングカートラインのコンテンツ用フォントサイズを30pxに設定します。

マージンなし

これにより、より狭い差が設定されます。

プライマリボタンが満たされました

表示されている場合は、しっかりとしたプライマリボタンが表示されます。

プライマリーボタンライン

主ボタンを縁取りで表示します。

丸角コンテナ

角が丸みを帯びたショッピングカートラインのコンテナを展示しています。

セカンダリーボタンライン

セカンダリボタン(表示されている場合)に境界線が表示されます。

セカンダリータイトル

ショッピングカートラインのコンテンツ用フォントサイズを18pxに設定します。

> !注Order Linesのレンダリングは[Scribanテンプレート](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/en/customizing-the-order-lines-rendering.html)を修正してカスタマイズします。

### 注文総額

注文総額レンダリングを使って注文の総額を表示します。エクスペリエンスエディターでは注文に商品が含まれていないため、レンダリングはすべての金額で0と表示されます。