新しい住所を追加フォームでの性名、住所逆になる件

Topic summary

ユーザーがEmpireテーマを使用したShopifyストアで、マイページの新しい住所登録フォームにおいて、氏名と住所の入力順序を日本仕様に変更したいと質問しています。

現状の問題点:

  • 住所登録フォームで名前と住所の表示順が日本の慣習と逆になっている
  • customers/addresses.liquidのコードを提供しているが、解決方法が分からない

回答の方向性:
Tsunの小笠原氏が回答を開始し、以下の点を指摘:

  • 提供されたcustomers/addresses.liquidにはフォーム部分の実装がなく、実際のフォームはaccount-address-form.liquidというスニペットに実装されている
  • 姓名や住所番地などのフィールド単位で順序を変更すれば、表示順が変わる可能性がある
  • 一覧表示はaccount-address-list.liquidに実装されている

ステータス: 回答が途中で切れており、具体的な解決手順は未完了の状態です。

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.

お世話になっております。表題の件ですが

マイページから新しい住所を登録する画面にて入力順番の

名前と住所を日本仕様に変更したいと思っていますが上手くいきません。

テーマはEmpireを使用しています。

下記にcustomers/addresses.liquidのコード記載します。

お手数ですが解決方法のご教授をいただければ幸いです。

<section
  class="account-page account-page-addresses"
  data-template-account-addresses
  data-template-account>
  <header class="account-page-masthead">
    <h1 class="account-page-title">
      {{ 'customers.addresses.title' | t }}
    </h1>
  </header>

  {% paginate customer.addresses by 4 %}
    <article class="account-page-content">
      <div class="account-page--two-column">
        {% comment %}
          Customer address list
        {% endcomment %}
        {% if customer.addresses.size > 0 %}
          <div class="account-page--column-half account-addresses">
            <h2 class="account-page-subtitle">
              {{ 'customers.addresses.addresses_list_title' | t }}
            </h2>

            <ul class="account-address-wrapper">
              {% for address in customer.addresses %}
                <li class="account-address">
                  {%
                    include 'account-address-list',
                    address: address
                  %}

                  {% if address == customer.default_address %}
                    <p class="account-address-item account-address-item--default">
                      {{ 'customers.addresses.default_address_message' | t }}
                    </p>
                  {% endif %}

                  <div class="account-address-list-footer">
                    <button class="button-primary" type="button" data-edit-address="{{ address.id }}">
                      {{ 'customers.addresses.edit' | t }}
                    </button>

                    <button class="button-secondary" type="button" data-delete-address="{{ address.id }}">
                      {{ 'customers.addresses.delete' | t }}
                    </button>
                  </div>
                </li>
              {% endfor %}
            </ul>

            {% include 'pagination' %}
          </div>
        {% endif %}

        {% comment %}
          Customer address forms
        {% endcomment %}
        <div class="account-page--column-half">
          {%
            include 'account-address-form',
            address: customer.new_address,
            visible: true
          %}

          {% for address in customer.addresses %}
            {%
              include 'account-address-form',
              address: address,
              visible: false
            %}
          {% endfor %}
        </div>
      </div>
    </article>
  {% endpaginate %}
</section>

URiSAPOさん、はじめまして。

Tsunの小笠原と申します。

ご質問の内容は

Empireテーマで住所登録フォーム(または一覧表示時も?)の姓名と住所の表記を日本語表記にしたい

ということですね。

記載いただいているcustomers/addresses.liquidにはフォーム部分の実装はなく、snippetのaccount-address-form.liquid (一覧はaccount-address-list.liquid) に実装されていると思います。

ですので、account-address-form.liquidに記載されている姓名や住所の番地等をフィールド単位で順番を変更すれば表示される順番が変わると思います。

参考になれば幸いです。不明点などあれば聞いてください。

1 Like