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

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

現代のデザイナーは、新しいレシートフォーマットパス用に構造化されたレシートレイアウトデータを保存します。 ストアコマースでは、モダンレシートデザイナー機能を有効にすると構造化されたレシートフォーマットパスを使用でき、コマーススケールユニットは構造化レシートをサポートしています。

前提条件

• Commerce HeadquartersおよびCommerce Scale Unitを、最新のレシートデザイナーおよび構造化レシートエンドポイントを含むバージョンに更新してください。
• ストアコマースを構造化されたレシートプレビューと印刷に対応したバージョンにアップデートしてください。
• Store Commerceの構造化されたレシートパスを使う前に、 Feature management で最新のレシートデザイナー機能を有効にしてください。
• 既存のレシートプロファイル、プリンター、レジスター用のハードウェアプロファイルを設定してください。

現代のレシートデザイナーを開けましょう

現代のレシートデザイナーを開けるには、以下の手順に従ってください:

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

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

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

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

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

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

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

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

レシートラインの検証

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

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

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

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

レシートのフォーマットをテンプレートとして保存してください

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

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

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

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

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

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

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

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

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

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

ストアコマースでは現代のレシート形式を活用しましょう

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

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

• 売後レシートの印刷やギフトレシートの印刷またはメール。
• 仕訳収入のプレビュー、印刷、全ての印刷、クイックメール、ギフトレシート、文書ベースのプレビューを表示します。
• 顧客取引、領収書プレビュー、印刷。
• 銀行口座の引き渡し、セーフドロップ、入札の解除、開始金額、入札申告、開封ドロワー、無効取引、停止取引、ギフトカードの照会領収書などの現金管理領収書。

もし機能を有効にした後にModern Designerで既存のレシートフォーマットを開いて保存しなければ、そのフォーマットのモダン構造化レシートレイアウトデータが存在しません。 既存のレシートフォーマットをModern Designerで開いて保存し、その後、Modern Structured Receiptパスで使用してください。

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

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

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

未保存の変更でデザイナーを閉じます

レシートのデザインを変更して保存前にページを離れようとすると、デザイナーはその汚れた状態を商務本部のホストに報告します。 商業本部は閉店前に促し、帰宅を促すことで、レシートのレイアウト変更の誤った紛失を防ぐことができます。

詳細情報

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