定期注文詳細画面 購入情報
対象の定期注文から作成された注文の一覧を表示する画面です。
ショップのパス
ドメイン/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であてたイメージになります。コンポーネントのコードのみだと、このような表示にはなりませんのでご注意ください。