本ページでは、親子注文をご利用中の店舗様向けに、購入者のマイページ/注文状況ページで「親注文」を非表示にする方法をご案内します。
親子注文を利用している場合、購入者の画面には親注文と子注文が両方表示されるため、「重複して注文してしまったのでは?」と誤解を招くケースがあります。
このページでは、以下を分かりやすく説明します。
親注文のみをマイページで非表示にするテーマ編集方法
設定の適用対象(従来アカウント / 新しいアカウント の違い)
親注文タグを利用した制御方法
注意点
新しいお客様アカウントをご利用の場合、親注文にバナーが自動表示されるため以下の設定は不要です。
親注文を非表示にするには、テーマの liquid ファイルに条件分岐を追加します。
オンラインストア > テーマ > コードを編集 に進む
customers/account.liquidを開く※テーマによりファイル名が異なります。
親注文を除外するコードを追加する
購入者の注文履歴を表示しているループ内で、親注文タグ(親注文)が付いた注文を非表示にします。
以下の様に、対象部分(非表示にしたい箇所)を{%- unless order.tags contains '親注文' -%} {%- endunless -%}で囲みます。
<tbody>
{%- for order in customer.orders -%}
{%- unless order.tags contains '親注文' -%} <!-- 親注文を除外 -->
<tr class="table__section">
<td data-label="{{ 'customer.orders.order_number' | t }}">{{ order.name | link_to: order.customer_url }}</td>
<td data-label="{{ 'customer.orders.date' | t }}">{{ order.created_at | time_tag: format: 'date' }}</td>
<td data-label="{{ 'customer.orders.payment_status' | t }}">{{ order.financial_status_label }}</td>
<td data-label="{{ 'customer.orders.fulfillment_status' | t }}">{{ order.fulfillment_status_label }}</td>
<td data-label="{{ 'customer.orders.total' | t }}">{{ order.total_price | money }}</td>
</tr>
{%- endunless -%} <!-- 親注文を除外ここまで -->
{%- endfor -%}
</tbody>右上の保存をクリックして完了です。
追加のテーマ編集は必要ありません。
親注文に以下の案内バナーが自動表示されます。
こちらはギフト注文時に生成される注文です。重複請求の心配はありません。
eギフトの親注文
通常ギフトの親注文
All in giftでは親注文生成時に親注文 タグを自動付与しています。
本ページの非表示処理はこのタグを利用して制御しています。
コード | 意味 |
|---|---|
{% for order in customer.orders %} | 購入者の注文履歴をループ表示する |
{% unless order.tags contains '親注文' %} | 「親注文」のタグがある注文は非表示にする条件分岐 |
{% endunless %} | 親注文以外を表示する終了処理 |
{% endfor %} | ループ終了 |