📁

【Shopify.dev和訳】Themes/Architecture/.../customers/addresses

2021/09/17に公開約3,700字

この記事について

この記事は、Themes/Architecture/Templates/customers/addressesの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

顧客/住所

customers/addressesテンプレートは、顧客の住所ページをレンダリングします。これにより、顧客は現在の住所を表示および管理したり、新しい住所を追加したりできます。


顧客オブジェクト

Liquid顧客オブジェクト にアクセスして、顧客アカウントの詳細を表示できます。


標準形式の入力

住所を追加または編集するためのフォーム内には、住所の詳細ごとに標準のフォーム入力があります。次の表は、それぞれを、関連するtypenameの属性とともに示しています。

入力 タイプ 名前
ファーストネーム text address[first_name]
ラストネーム text address[last_name]
会社 text address[company]
住所 1 text address[address1]
住所 2 text address[address2]
text address[city]
select address[country]
select address[province]
ジップ/郵便 番号 text address[zip]
電話番号 tel address[phone]

新たなアドレスを追加する

Liquidフォームタグとそれに付随する'customer_address'、customer.new_addressパラメータを使用して、顧客が新しい住所を追加できるようにすることができます。

{% form 'customer_address', customer.new_address %}
  <!-- form content -->
{% endform %}

フォーム内には、さまざまな住所の詳細を取得するための標準のフォーム入力を含める必要があります。


既存の住所を編集する

既存の住所ごとに、それを編集するためのフォームを含める必要があります。このフォームは、Liquidフォームタグとそれに付随する'customer_address',addressパラメータを使用して追加できます。

{% for address in customer.addresses %}
  <!-- address details -->

  {% form 'customer_address', address %}
    <!-- form content -->
  {% endform %}
{% endfor %}

アドレスを削除する

既存の各アドレスには、それを削除するオプションを含める必要があります。次のフォームを含めることで、このオプションを追加できます。

<form class="address-delete-form" method="post" action="/account/addresses/{{ address.id }}">
  <input type="hidden" name="_method" value="delete" />
  <button type="submit">{{ 'customer.addresses.delete' | t }}</button>
</form>

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Discussion

ログインするとコメントできます