Shopify POS の印刷版レシートをカスタマイズするためのエディタースタイルの選択と切り替え
印刷版レシートのテンプレートは、ビジュアルエディタまたはコードエディタのいずれかを使用してカスタマイズできます。
POS エディタはデフォルトでビジュアルエディタ形式になっていますが、手動でコードエディタを使用することを選択して、印刷されるレシートのより高度なカスタマイズオプションにアクセスすることもできます。
考慮事項
印刷されるレシートのカスタマイズに使用するエディタを選択する際、および POS Pro のロケーション用に POS エディタでエディタスタイルを切り替える際の以下の考慮事項を確認してください。
エディタを選択する際の考慮事項
エディタ間の違いについては、以下を確認してください。
- ビジュアルエディタで行われたカスタマイズは、販売レシート、ギフトレシート、返品・交換レシートなど、すべての種類の印刷版レシートに適用されます。コードエディタを使用すると、特定の種類のレシートをカスタマイズできます。
- ビジュアルエディタまたはコードエディタを使用してカスタマイズを保存すると、変更は選択したロケーションにのみ適用されます。
- コードエディタが有効な場合、Shopify POS からレシートテンプレートをカスタマイズすることはできません。
- 印刷オプションには、ビジュアルエディタで直接アクセスするか、コードエディタが有効な場合は POS チャネルの設定または Shopify POS からアクセスします。
レシートのビジュアルエディタの使用に関する考慮事項、およびレシートのコードエディタの使用に関する考慮事項について、詳しくはこちらをご覧ください。
エディタを切り替える際の考慮事項
ビジュアルエディタとコードエディタを切り替えて、印刷版レシートをカスタマイズできます。コードエディタを切り替える際の考慮事項は、以下を確認してください。
- 有効なエディタは、管理画面と Shopify POS アプリの両方に同時に適用されます。たとえば、管理画面でコードエディタに切り替えると、POS アプリを開いたときに、利用可能な設定が Shopify POS アプリに反映されます。
- エディタの切り替えは、管理画面からのみ行えます。
- コードエディタは、デスクトップの管理画面からのみ使用できます。
- コードエディタは、POS Pro ロケーションにのみ適用されます。コードエディタを使用していて、POS Pro 以外のロケーションがある場合、それらのロケーションのヘッダーとフッターは、ビジュアルエディタでのみカスタマイズできます。
- コードエディタは、イタリアまたはフランスのいずれのロケーションでも使用できません。
- すべての POS ロケーションがコードエディタの要件を満たしているか、または一部の POS ロケーションが POS Pro を使用していない、もしくはイタリアやフランスを拠点としているなどの理由で一部の POS ロケーションのみが要件を満たしているかによって、エディタを切り替える手順はわずかに異なります。管理画面から、どの POS ロケーションが POS Pro にサブスクリプション登録しているかを確認できます。
- カスタマイズ内容はエディタごとに個別に保存され、エディタを変更しても保持されます。たとえば、ビジュアルエディタでレシートに SKU 情報を追加した後にコードエディタに切り替えると、レシートに SKU は表示されません。ただし、ビジュアルエディタに戻すと、SKU を表示する設定はビジュアルエディタで有効なままであり、レシートに表示されます。
POS Pro ロケーションをコードエディタに切り替える
コードエディタに切り替えて、HTML、CSS、Liquid を使用して印刷版レシートのテンプレートを変更できます。
コードエディタを使用するには、Shopify POS Pro サブスクリプションを利用しているロケーションが少なくとも 1 つ必要です。コードエディタを使用していて、POS Pro 以外のロケーションしかない場合、それらのロケーションのヘッダーとフッターは、ビジュアルエディタでカスタマイズできます。コードエディタの使用について、詳しくはこちらをご覧ください。
すべての POS ロケーションがコードエディタの要件を満たしているか、または一部の POS ロケーションが POS Pro を使用していない、もしくはイタリアやフランスを拠点としているなどの理由で一部の POS ロケーションのみが要件を満たしているかによって、エディタを切り替える手順はわずかに異なります。
手順:
すべての POS Pro ロケーション
管理画面から、[POS] > [設定] の順に移動します。
カスタマイズセクションで、印刷されたレシートをクリックして POS エディタを開きます。
左側のサイドバーで
アイコンをクリックします。[コードを編集] をクリックします。
[印刷版レシートのコードを編集する] ダイアログで、変更するコードを編集します。
[保存] をクリックします。
オプション：POS エディタを使用して他の Shopify POS ページの編集を続けるには、ブラウザウィンドウで戻ります。
Liteまたはイタリアのロケーションの場合
管理画面から、[POS] > [設定] の順に移動します。
カスタマイズセクションで、印刷されたレシートをクリックして POS エディタを開きます。
[領収書のカスタマイズ] ページで、[コードエディタ] をクリックします。
POS Proのロケーションをビジュアルエディタに戻す
ビジュアルエディタに切り替えて、印刷用領収書テンプレートにプリセットのカスタマイズを行うことができます。ビジュアルエディタの使用方法について、詳しくはこちらをご覧ください。
すべての POS ロケーションがコードエディタの要件を満たしているか、または一部の POS ロケーションが POS Pro を使用していない、もしくはイタリアやフランスを拠点としているなどの理由で一部の POS ロケーションのみが要件を満たしているかによって、エディタを切り替える手順はわずかに異なります。
手順:
すべての POS Pro ロケーション
管理画面から、[POS] > [設定] の順に移動します。
カスタマイズセクションで、印刷されたレシートをクリックして POS エディタを開きます。
[領収書のカスタマイズ] ページで、[領収書をカスタマイズする] をクリックします。
[コードを編集] をクリックします。
アイコン > [ビジュアルエディタに切り替える] の順にクリックします。[ビジュアルエディタに切り替える] ダイアログで、[切り替える] をクリックします。
Liteまたはイタリアのロケーションの場合
管理画面から、[POS] > [設定] の順に移動します。
カスタマイズセクションで、印刷されたレシートをクリックして POS エディタを開きます。
[領収書のカスタマイズ] ページで、[コードエディタ] をクリックします。
- アイコン > [ビジュアルエディタに切り替える] の順にクリックします。
[ビジュアルエディタに切り替える] ダイアログで、[切り替える] をクリックします。