見出し画像

【shopify】注文メールのカスタマイズ-管理者側のメール

管理者側の注文確認メールのカスタマイズ

編集箇所は「設定」→「通知」→「新しい注文」をクリック。画面右上の「コードを編集」ボタンをクリックします。

銀行振込等の決済方法を表示させる

デフォルトの注文メールの395行目あたりの<p>{{ gateway }}</p>の次の行に下記のコードを挿入します。

{% if order.transactions[0].gateway == "Bank Deposit" %}
<p>銀行振込</p>
{% elsif order.transactions[0].gateway == "Cash on Delivery (COD)" %}
<p>代金引換</p>
{% elsif order.transactions[0].gateway == "Money Order" %}
<p>郵便為替</p>
{% endif %}

備考欄の内容を反映させる

デフォルトの注文メールの433行目あたりの{% endif %}の次の行に下記のコードを挿入します。
※上記のコードを挿入した後なら440行あたりになっているはず。

{% if note != blank %}
 <br>
  <table class="row">
    <tr>
      <td class="customer-info__item customer-info__item--last">
        <strong>注文備考</strong>
        <br>
        <p>{{ note }}<br></p>
      </td>
     </tr>
  </table>
{% endif %}

そのまま使える全コード

そのまま使える全コードはこちらです。
…ですが、おためしになられる前に必ず、環境・条件をご確認ください。

※ご注意
このコードはshopifyの2023年3月9日時点の最新版で検証しています。
保障、サポートなどは一切しておりませんので、ご自身の責任下でお試しください。
すでにカスタマイズされている場合や環境、バージョンによっては崩れたり正常に動作しないこともありますので、ご注意ください。

上記のコードを埋め込んだ以外はすべてデフォルト設定のままですので、あしからず。

ここから先は

14,742字

¥ 1,000

子育てと両立しながらデザイナーやってます。 フリーランス歴9年、法人成してもうすぐ3期目。基本ノンプログラマーですが、wordpress、shopfyなどカスタマイズ好きでいろいろやってます。 この記事がみなさまのお役に立てますように!