商務本部の現代的なレシートデザイナー

モダンレシートデザイナーは、商務本部から直接Reactベースのレシートフォーマットのデザイン体験を提供します。 従来の ClickOnce デザイナー起動体験を、 レシートフォーマット ページから開けるブラウザベースのデザイナーに置き換えます。 デザイナーには、ビジュアルキャンバス、テンプレート選択、再利用可能なテンプレート、ローカライズされたフィールドラベルやプレビューデータ、カスタムレシートフィールド、検証、プレビューサポートが含まれています。

Commerce バージョン 10.0.50 では、デザイン ツールは固定および繰り返しの表と、ドキュメント レシート用のリッチ テキスト書式もサポートしています。 これらの機能は、詳細な請求書、注文概要、税務内訳、その他のB2Bや店頭取引のシナリオに利用できます。

Modern designer は、新しいレシート形式パス用に構造化されたレシート レイアウト データを保存します。 ストアコマースでは、モダンレシートデザイナー機能を有効にし、かつ、Commerce Scale Unit が構造化レシートをサポートしている場合、構造化されたレシートフォーマットパスを使用できます。

Prerequisites

• テーブルや文書タイポグラフィを使う前に、コマース本部、コマーススケールユニット、ストアコマース、ハードウェアステーションを互換性のあるバージョンに更新してください。
• Store Commerceの構造化されたレシートパスを使う前に、 Feature management で最新のレシートデザイナー機能を有効にしてください。
• レシートが印刷されるレジスターの既存のレシート プロファイル、プリンター、およびハードウェア プロファイルを設定してください。

モダン レシート デザイナーを開く

モダン レシート デザイナーを開くには、次の手順に従ってください：

1. Commerce headquarters で、Retail and Commerce>チャネル設定>POSセットアップ>POS>レシートフォーマットに移動します。
2. レシート形式を作成するか、既存のレシート形式を選択してください。
3. デザイナー をクリックします。
4. もしレシート形式にまだモダンなデザインがなければ、テンプレートギャラリーからテンプレートを選ぶか、空白のテンプレートから始めてください。
5. 形式を編集 を選択して、デザイナーキャンバス全体を開いてください。

受領書フォーマットのデザイン

モダン デザイナー キャンバスは、レシートのレイアウトと個別のレシート セクションおよびフィールドを示しています。 フィールドパレットには標準的なレシートフィールドとカスタムフィールドが一覧化されています。 パレットとプロパティエディターを使ってフィールドを追加し、フィールドを配置し、プロパティを編集します。

レシート形式を設計するには、次の手順に従います。

1. レシート形式からモダンレシートデザイナーを開いてみてください。
2. フィールドパレットを使って追加するフィールドを見つけてください。 標準フィールドとカスタムフィールドは別々にグループ化されています。
3. フィールドをレシートキャンバスにドラッグします。
4. キャンバス上のフィールドを選択してプロパティを編集します。
5. 位置、長さ、アラインメント、フォントの重み、プレフィックス、テキストなどの該当するプロパティを更新してください。
6. デザイナーに現れる検証エラーを解決してください。
7. 保存 を選択します。

カスタムフィールドとローカライズされたラベル

Commerceバージョン10.0.49では、モダンレシートデザイナーはユーザー定義のレシートカスタムフィールドをサポートしています。 カスタムフィールドはフィールドパレットに表示され、設定されたキャプションで表示されます。 現在の法人と言語で翻訳されたキャプションが利用可能であれば、デザイナーはローカライズされたキャプションを表示します。 翻訳がない場合は、デザイナーはフィールド名を使用します。

標準的なフィールドラベルやサンプルプレビューデータもバージョン10.0.49でローカライズされています。 この動作により、ストアユーザーが見るのと同じ言語文脈でレシートレイアウトを設計しやすくなります。

テーブルを追加

コマースバージョン10.0.50は以下のテーブルタイプをサポートしています:

• 固定テーブル:デザイナーで追加・配置する行を含みます。 セルには静的なテキストやレシートフィールドが含まれることがあります。
• 繰り返しテーブル: Commerceが一致するレコードごとに繰り返す行を定義します。 繰り返しテーブルは品目明細行、請求書明細行、入札、税集計、ロイヤルティ獲得行、ロイヤルティ交換行をサポートします。 繰り返し表は ［Lines］セクションにのみ追加できます。

テーブルを追加・設定するには、以下の手順に従ってください:

1. フィールドパレットでは、キャンバスに固定または繰り返しの表を追加してください。
2. 繰り返しテーブルの場合は、該当する 行の種類を選択してください。
3. 行、列、セルの追加、削除、サイズ変更、移動、または並べ替えが可能です。
4. セルに静的テキスト、標準レシートフィールド、または対象となるカスタムフィールドを追加してください。
5. 必要に応じて列見出し、境界線、帯状行、揃え、テキストフォーマットの設定を行います。
6. 検証エラーを解決し、その後 「保存」を選択します。

十分なスペースがあれば、複数のテーブルや普通のフィールドを同じレシートラインに配置できます。 レコードで値を使用できない場合、繰り返しフィールドが空欄になることがあります。 代表的なトランザクション（一致するレコードがないトランザクションや、長い値または複数行の値を含むトランザクションを含む）で、フォーマットをプレビューしてテストします。

リッチテキスト書式の適用

互換性のある文書形式では、通常のフィールド、テーブルセル、テーブル見出しに以下のリッチテキスト書式を適用できます。

• フォント ファミリー。
• フォントサイズは11ピクセルから96ピクセルまでです。
• ノーマル、ライト、セミボールド、またはボールドのフォントの太さ。
• イタリック体、下線、消し線。
• テキストの配置。

Windowsは、選択したフォントに正確な指定されたウェイトが含まれていない場合、最も近い利用可能なウェイトを使います。 選択したフォントやサイズが利用できない場合、Windows Hardware Stationは設定済みのWindowsプリンターフォントとサイズを使用します。

サーマルレシートやモバイルレシートフォーマットは、既存の通常フォントサイズと大きいフォントサイズを引き続き使用しています。 ドキュメントフォントのファミリーやピクセルサイズの設定は熱関連の書式を変えません。

レシート明細行を検証

モダン デザイナーは、レシートフォーマットを編集しながら行単位の問題を検証します。 検証は、ストアコマースでフォーマットを使用する前にフィールド配置や行型の問題を防ぐのに役立ちます。

検証は以下の問題を検出できます:

• 行タイプと競合するフィールド。
• 同じ行で重なるフィールドです。
• フィールドが移動した後に推論または修正が必要な行の種類。

検証エラーが発生した場合は、影響を受けたフィールドまたはラインを選択し、配置やフィールド選択を修正し、フォーマットを再度保存してください。

レシート形式をテンプレートとして保存

テンプレートはレシートデザインを複数の形式で再利用できます。 完成したデザインをテンプレートとして保存し、後で別のレシートフォーマットで同じレイアウトパターンが必要になったときに選択できます。

レシートのフォーマットをテンプレートとして保存するには、以下の手順に従ってください:

1. モダンレシートデザイナーでレシートフォーマットを開きます。
2. 必要なレイアウト変更を行いましょう。
3. テンプレートとして保存 を選択します。
4. テンプレート名と説明を入力してください。
5. テンプレートとして保存を選択します。

保存済みテンプレートを使うには:

1. 新しいレシートフォーマットを作成するか、まだモダンなデザインのないレシートフォーマットを開きましょう。
2. ギャラリーからテンプレートを選択してください。
3. レシート固有の変更を行うためにデザイナーを開いてください。

レシート形式がすでに現代的なデザインになっている場合は、ギャラリーから保存済みのテンプレートを適用することはできません。

レシート形式のプレビュー

モダンなレシート デザインを保存すると、レシート形式 ページに埋め込まれたプレビューが表示されます。 プレビューは、Store Commerceでフォーマットをテストする前にレイアウトを確認するのに役立ちます。

レシートの形式をプレビューするには、以下の手順に従ってください:

1. Commerce 本部で、レシートの形式を開きます。
2. レシートフォーマットのページに埋め込まれたプレビューを確認してください。
3. 変更が必要な場合は「 フォーマット編集」を選択してください。
4. 変更を保存して、レシートフォーマットのページに戻してください。 保存後にプレビューが更新されます。

Store Commerce では最新のレシートの形式を活用しましょう

最新のレシートデザイナー機能を有効にすると、ストアコマースは対応するレシートシナリオに構造化されたレシートパスを使用します。 構造化されたレシートには、ストアコマースやリテールハードウェアステーションがプレビューや印刷に使用するデバイスに依存しないレシート文書が含まれます。

サポートされる受領フローには以下が含まれます:

• 販売後レシートの印刷やギフトレシートの印刷またはメール。
• ジャーナルレシートのプレビュー、印刷、すべて印刷、クイックメール、ギフトレシート、文書ベースのプレビュー
• 顧客取引の領収書のプレビューと印刷。
• バンクドロップ、セーフドロップ、現金取り出し、開始金額、支払手段申告、ドロワーを開く、取引取消、取引保留、ギフトカード照会の領収書などの現金管理領収書。

印刷およびプレビューの挙動

構造化されたレシートパスは、プレビュー、印刷、全て印刷、メール、ギフトレシートの動作をレガシーパスと整合させます。 ストアコマースは、どのレシートを印刷するか決める際に、常に印刷、プロンプト ユーザー、印刷しないなどのレシート印刷動作設定を使用しています。

Prompt Userでレシートを設定すると、Store Commerceはチェックアウト時にプロンプトを出し、選択した構造化されたレシートを設定済みプリンターで印刷します。 レシートまたはプリンターの構成で印刷が許可されていないためにレシートを印刷できない場合、ストアコマースはレガシー レシート パスで使用されるものと同じ種類の利用可能性メッセージを表示します。

表および文書書式の出力サポート

以下の出力は、Commerce バージョン10.0.50で追加された表および文書書式機能をサポートしています:

物理印刷では、表や文書のタイポグラフィにWindowsプリンターパスが必要です。 OPOS、Epson、Star、Adyenのプリンターパスはこれらの機能をサポートしておらず、部分的または損失のある出力を生成する代わりにレイアウトを受け付けません。 文書書式のないテーブルフリーのレシートは、既存のプリンターパスを引き続き使用します。

Windows Hardware Stationは、改ページ中に可能な限りテーブルの行を分割しません。 99列から140列までのドキュメントレイアウトでは、ページ分けは設定済みの余白やプリンタードライバーの印刷可能領域も尊重します。

現代のメールレシートは、Commerce Scale Unitが現代のJSONレイアウトからレシートを作成する際に表やフォーマットを保持します。 メールクライアントのフォントの入手可能性やCSSのサポートは最終的な見た目に影響を与えることがあります。 従来のHeadquarters で作成されたメールワークフローは、既存のプレーンテキストの動作を維持しています。

未保存の変更がある状態でデザイナーを閉じる

レシートのデザインを変更して保存前にページを離れようとすると、デザイナーはその未保存の変更状態をCommerce headquarters hostに報告します。 Commerce 本部は、閉じる前または別ページへ移動する前に確認を求めることができるため、レシートのレイアウト変更が誤って失われるのを防ぐのに役立ちます。

Learn more

• 受領書フォーマットを設定しデザインします
• Store Commerce からメール受領書を送信する
• レシート番号の設定と管理