注文履歴の画面に注文キャンセルを反映させたいです。

日本語 ディスカッション 技術的なQ＆A

Topic summary

ユーザーはDawnテーマとBookthatappを使用して予約管理を行っており、予約がキャンセルされた際に顧客のマイページの注文履歴に「キャンセル済み」と表示させたい問題を抱えています。

現状の課題:

  • 管理画面ではキャンセル注文がアイテム0個、合計金額0円と表示される
  • 顧客側の注文履歴画面では、キャンセル前後で表示が変わらず、キャンセル状態が区別できない

提案された解決策:
Qcoltdが注文履歴ページ(/account/)のカスタマイズ方法を提示:

  1. ストア管理画面 > オンラインストア > テーマ > コード編集
  2. セクション内のmain-account.liquidファイルを編集
  3. 68-74行目の「支払い状況」表示コードを修正
  4. キャンセル注文の場合に「キャンセル済み」と表示するコードスニペットを追加

注文詳細ページ(/account/orders/xxxxxxxxx)のカスタマイズが必要な場合は追加対応可能とのこと。動作検証は未実施のため参考情報として提供されています。

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

現在私はDawnのテーマでBookthatappを用いて予約の管理を行っています。そして、予約がキャンセルされた際にお客さんのマイページの注文履歴に反映させたいです。管理画面の注文管理ではキャンセルされた注文は、アイテムが0個、合計金額も0となっています。しかし、マイページの注文履歴の画面ではキャンセル前とキャンセル後で変化がなく、キャンセルされたのかどうか区別がつかない状態になっています。

もし、区別できる方法があれば教えて頂きたいです。宜しくお願い致します。

2

動作検証は行っていないことご承知おきください。

注文履歴ページ(/account/)の編集方法だけお伝えしますが、

注文詳細ページ(/account/orders/xxxxxxxxx)のカスタマイズも必要であればご返信でその旨、お伝えください。

コード編集を行います。

ストア管理画面 > 販売チャンネル > オンラインストア > テーマ > 現在利用中のテーマの「・・・」から「コード編集」をクリックします。

コード編集画面の、「セクション」からmain-account.liquidを探します。

その68行目から74行目に下記のコードがあります。


                    {{ order.financial_status_label }}

このコードは、「支払い状況」を出力しています。

今回は、「支払い状況」を、キャンセル注文であれば、「キャンセル済み」と出力するようにします。

それには上記のコードを下記のようにします。


　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　{%- if order.cancelled -%}
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　キャンセル済み
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　{%- else -%}
                    {{ order.financial_status_label }}
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　{%- endif -%}

どこにどのようにキャンセル済みであることを出力されたいかご希望ございましたら、

ご返信でお知らせください。

必ず回答する約束はできませんが、できる限り対応いたします。

ご参考まで。

(キュー田辺)