FROM CACHE - jp_header
解決済

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

URiSAPO
訪問者
1 0 0

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

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

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

テーマは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>

 

1 件の受理された解決策

ogasawarakyohei
Shopify Partner
112 44 41

成功

URiSAPOさん、はじめまして。

Tsunの小笠原と申します。

 

ご質問の内容は

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

ということですね。

 

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

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

 

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

小笠原 京平 | 株式会社Tsun | RuffRuff アプリ
・私の回答が役に立ったら、いいね! ボタンをクリックして教えてください!
Shopify 開発で役に立つ情報を発信していますので、テックブログおすすめ Shopifyアプリ もぜひご参照ください。

元の投稿で解決策を見る

1件の返信1

ogasawarakyohei
Shopify Partner
112 44 41

成功

URiSAPOさん、はじめまして。

Tsunの小笠原と申します。

 

ご質問の内容は

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

ということですね。

 

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

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

 

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

小笠原 京平 | 株式会社Tsun | RuffRuff アプリ
・私の回答が役に立ったら、いいね! ボタンをクリックして教えてください!
Shopify 開発で役に立つ情報を発信していますので、テックブログおすすめ Shopifyアプリ もぜひご参照ください。