テーマ仕様書
shop
マイページ
お届け先住所
一覧

お届け先情報一覧画面

会員のお届け先情報の一覧を表示する画面です。
表示できるのは以下項目です。

  • お名前
  • フリガナ
  • 住所
  • 電話番号
  • FAX番号
  • 会社名

ショップのパス

ドメイン/shop/customer/shipping_addresses

テーマ管理のファイルパス

ec_force/shop/customer/shipping_addresses/index.html.liquid
ec_force/shop/customer/shipping_addresses/index.html+smartphone.liquid

JS タグ

{{ 'shop/customer/shipping_addresses' | javascript_include_tag }}

必要なコンポーネント

※任意とあるもの以外はシステム上必要なコンポーネントとなりますので、必ず使用するようにしてください。

{{ 'shop/customer/shipping_addresses' | javascript_include_tag }}
 
<!-- フラッシュメッセージ -->
{{ 'notice' | flash: 'alert alert-success', 'text' }}
{{ 'alert' | flash: 'alert alert-danger', 'text' }}
{{ 'error' | flash: 'alert alert-danger', 'text' }}
 
<!-- お届け先一覧 -->
{% for shipping_address in shipping_addresses %}
 
  <!-- お名前 (任意) -->
  {{ shipping_address.full_name }}
 
  <!-- フリガナ (任意) -->
  {{ shipping_address.full_kana }}
 
  <!-- 郵便番号 (任意) -->
  {{ shipping_address.full_zip }}
 
  <!-- 都道府県 (任意) -->
  {{ shipping_address.prefecture.name }}
 
  <!-- 住所 (任意) -->
  {{ shipping_address.full_address }}
 
  <!-- 電話番号 (任意) -->
  {{ shipping_address.full_tel }}
 
  <!-- FAX 番号 (任意) -->
  {{ shipping_address.full_fax }}
  
  <!-- 会社名 (任意) -->
  {{ shipping_address.company_name }}
 
  <!-- 操作 -->
  <a href="/shop/customer/shipping_addresses/{{ shipping_address.id }}/edit">編集</a>
  {% if shipping_addresses.size >= 2 %}
    <a data-confirm="本当に削除しますか?" rel="nofollow" data-method="delete" href="/shop/customer/shipping_addresses/{{ shipping_address.id }}">削除</a>
  {% endif %}
  
{% endfor %}
 
<!-- 新規作成リンク (任意) -->
<a href="/shop/customer/shipping_addresses/new">新規作成</a>

画面イメージ

※こちらは、上記で紹介しているコンポーネントのコードにデフォルトデザインをCSSであてたイメージになります。コンポーネントのコードのみだと、このような表示にはなりませんのでご注意ください。