定期注文詳細画面お届け先情報

会員の定期注文のお届け先情報を表示する画面です。

ショップのパス

ドメイン/shop/customer/subs_orders/定期受注ID/shipping_address

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

ec_force/shop/customer/subs_orders/shipping_addresses/show.html.liquid
ec_force/shop/customer/subs_orders/shipping_addresses/show.html+smartphone.liquid

JS タグ

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

必要なコンポーネント

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

{{ 'shop/customer/subs_orders/shipping_addresses' | javascript_include_tag }}
 
<!-- (SPの場合)定期注文詳細タブ(任意) -->
{% assign template = 'shop/customer/subs_orders/shipping_address' %}
{% include 'ec_force/shop/customer/subs_orders/shared/nav.html+smartphone' %}
 
<!-- (PCの場合)定期注文詳細タブ(任意) -->
{% assign template = 'shop/customer/subs_orders/shipping_address' %}
{% include 'ec_force/shop/customer/subs_orders/shared/nav.html' %}
 
<!-- 定期注文詳細画面-お届け先情報コンテナ -->
<div id="shipping-address-view">
 
  <!-- お名前 -->
  {{ subs_order.shipping_address.full_name }}
 
 
  <!-- お名前（カナ） -->
  {{ subs_order.shipping_address.full_kana }}
 
 
  <!-- 郵便番号 -->
  {{ subs_order.shipping_address.full_zip }}
 
 
  <!-- 住所 -->
  {{ subs_order.shipping_address.full_address }}
 
 
  <!-- 電話番号 -->
  {{ subs_order.shipping_address.full_tel }}
 
 
  <!-- FAX 番号(任意) -->
  {{ subs_order.shipping_address.full_fax }}
 
  <!-- 編集リンク -->
  <a href="/shop/customer/subs_orders/{{ subs_order.number }}/shipping_address/edit">編集</a>
 
  <!-- 戻るリンク -->
  <a href="/shop/customer/subs_orders">戻る</a>
 
</div>

画面イメージ

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