thumbnail

複数配送時に配送先住所を注文確認メールに表示する方法


本ページでは、複数配送をご利用時に、注文確認メールへ配送先住所を表示させる方法をご案内します。

Shopify標準のメールテンプレートでは複数配送先住所が表示されないため、メールテンプレートのコード編集が必要となります。


  • Shopify標準仕様では、注文確認メールに複数配送先住所は表示されません

  • 本ページの対応は Shopify標準機能のカスタマイズとなります。(All in giftの機能ではありません)

  • 子注文の注文確認メールを店舗へ送信する機能をONにしている場合、購入者に送信される親注文メールにも表示されます。

注意点

  • 必ずテーマファイルのバックアップを取ってから編集してください。

  • 配送先情報の表記やデザインは店舗様にて調整をしてください。

  • テーマによってはテンプレート構造が異なり、反映されない場合があります。

メール表示イメージ


  1. Shopify管理画面 > 設定(左下歯車) > 通知 > お客様への通知 > 注文の確認 に進む

  2. テンプレートのコード編集を開く

  3. 置き換える以下のコードを検索する

Plaintext
<table class="row">...</table> 

  • 置き換え前

Plaintext
 <table class="row">
                <tr>
                  <td class="shop-name__cell">
                    {%- if shop.email_logo_url %}
                      <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
                    {%- else %}
                      <h1 class="shop-name__text">
                        <a href="{{shop.url}}">{{ shop.name }}</a>
                      </h1>
                    {%- endif %}
                  </td>

                    <td>
                      <table class="order-po-number__container">
                        <tr>
                          <td class="order-number__cell">
                            <span class="order-number__text">
                              Order {{ order_name }}
                            </span>
                          </td>
                        </tr>
                        {%- if po_number %}
                            <tr>
                              <td class="po-number__cell">
                                <span class="po-number__text">
                                  PO number #{{ po_number }}
                                </span>
                              </td>
                            </tr>
                        {%- endif %}
                      </table>
                    </td>
                </tr>
              </table>

  1. コードを置き換える

<table class="row">...</table> を以下のコードに丸ごと置き換える。

  • 置き換え後

Plaintext
<table class="row">
<tr>
  {% if requires_shipping and shipping_address %}
  <td class="customer-info__item">
    <h4>Shipping address</h4>
    {{ shipping_address | format_address }}
  </td>
  {% endif %}
  {% if billing_address %}
  <td class="customer-info__item">
    <h4>Billing address</h4>
    {{ billing_address | format_address }}
  </td>
  {% endif %}
  <!-- 配送先情報をBilling addressの隣に追加 -->
  <td class="customer-info__item">
    <h4>配送先情報</h4>
    {% for line_item in line_items %}
      {% if line_item.properties != blank %}
        {% for property in line_item.properties %}
          {% if property[0] == "配送先住所" %}
            {{ property[1] }}<br>
          {% endif %}
        {% endfor %}
      {% endif %}
    {% endfor %}
  </td>
</tr>
</table>

  1. 保存をクリックして完了

必ずテスト注文を行い、注文確認メールに配送先住所が正しく表示されているか ご確認ください。