テーマ仕様書
shop
マイページ
定期受注
購入履歴
一覧

定期注文詳細画面 購入情報

対象の定期注文から作成された注文の一覧を表示する画面です。

ショップのパス

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

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

ec_force/shop/customer/subs_orders/orders/index.html.liquid
ec_force/shop/customer/subs_orders/orders/index.html+smartphone.liquid

JS タグ

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

必要なコンポーネント

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

{{ 'shop/customer/subs_orders' | javascript_include_tag }}
 
<!-- (PCの場合)定期注文詳細タブ(任意) -->
{% assign template = 'shop/customer/subs_orders/orders' %}
{% include 'ec_force/shop/customer/subs_orders/shared/nav.html' %}
 
<!-- (SPの場合)定期注文詳細タブ(任意) -->
{% assign template = 'shop/customer/subs_orders/orders' %}
{% include 'ec_force/shop/customer/subs_orders/shared/nav.html+smartphone' %}
 
<!-- 定期注文 購入済受注一覧 -->
{% for order in subs_order.orders %}
 
  <!-- 購入番号 -->
  <a href="/shop/customer/orders/{{ order.number }}">{{ order.number }}</a>
 
  <!-- 支払い方法(任意) -->
  {{ order.payment.payment_method.name }}
 
  <!-- 分割回数(任意) -->
  {{ order.payment.payment_times }}
 
  <!-- 購入日時(任意) -->
  {{ order.completed_at | date: "%Y/%m/%d %H:%M:%S" }}
 
  <!-- 対応状況(任意) -->
  {{ order.human_state_name }}
 
  <!-- 決済状況(任意) -->
  {{ order.payment.human_state_name }}
 
  <!-- 合計(任意) -->
  {{ order.total | number_to_currency: format: '%n %u' }}
 
  <!-- 支払い合計(任意) -->
  {{ order.payment_total | number_to_currency: format: '%n %u' }}
 
  <!-- 配送業者(任意) -->
  {{ order.shipping_carrier.name }}
 
{% endfor %}
 
<!-- 戻るリンク -->
<a href="/shop/customer/subs_orders">戻る</a>

画面イメージ

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