【Shopify/Tips】Quick Order Printerの「No.」表記をマーチャントの運用に合わせた表記に変更する

今回はShopifyアプリの「Quick Order Printer かんたん帳票出力」についてご紹介いたします。
本アプリは安心の日本語対応で、領収書などをアカウントページで印刷できるようにしたいというマーチャントにご紹介しています。
今回はマーチャントからのご要望について開発元のミクスローグ様に教えていただいたTipsをご紹介いたします。

Quick Order Printer かんたん帳票出力について

アプリ名：Quick Order Printer かんたん帳票出力
費用：$9/月の1プラン（2021年11月現在）
開発会社：mixlogue, Inc.
※Shopify COMMERCE DAYでアプリ部門受賞企業

🏆Shopify Partner of the Year 2021 🏆最後の受賞者を発表！
【App Developer部門✨ Ecosystem App Developer of the Year 賞】
受賞者は・・・株式会社ミクスローグ🎉 おめでとうございます！
以上で8社の受賞者を発表しました！詳細はブログへ👇 #shopifypartneroftheyear https://t.co/GptllG0Yuf pic.twitter.com/ys0yzlwuBH

— Shopify Japan （ショッピファイと読みます！） (@ShopifyJP) November 4, 2021

領収書／納品書／請求書／見積書を作成。一括／テンプレ／メールやマイページから出力。B2クラウド・e飛伝・インボイス制度対応。 | Shopify App Store

Shopify アプリストアのmixlogue, Inc.によるアプリ

よくある質問: Quick Order Printer

アプリでできること（抜粋）

領収書（明細あり／なし）の出力

- 注文完了画面に領収書印刷ボタンを表示する
- 購入履歴（アカウントページ）に領収書印刷ボタンを表示する
- 通知メールに印刷画面へのリンクを表示する
- お客様による領収書の宛先の変更を許可する

納品書（金額あり／なし）の出力

- 購入履歴（アカウントページ）に納品書印刷ボタンを表示する
- 通知メールに印刷画面へのリンクを表示する

請求書の出力

- 通知メールに印刷画面へのリンクを表示する
- 請求メールに請求書印刷画面へのリンクを表示する

見積書の出力

デフォルトの領収書サンプル

作業内容

テンプレートの右上にある「No.」や日付はそれぞれ「受注ID/受注番号」等や「受注日/ご注文日」等に相当します。
こちらの表記を変更したいというご要望に対して下記作業を実施します。

アプリ｜文書設定＞備考＞領収書
「備考を表示する」にチェックを入れる
下記CSSを備考欄内に追記して保存する（contentの値は任意でOK）

<style>
.document-number-label,.document-number-date{
 font-size: 0;
}
.document-number-label:before{
 font-size: 14px;
 content:'受注番号: ';
}
.document-date:before{
 font-size: 14px;
 content:'ご注文日: ';
}
</style>

作業後の領収書サンプル

きちんと反映されました！！！！
ぜひみなさんも試してみてください。
ご対応くださったミクスローグ様もありがとうございました！