# マイページの注文履歴の詳細ページに、注文メモを挿入しメモの内容を反映したい

**URL:** <https://community.shopify.com/t/topic/94342>\
**Category:** 総合的なディスカッション\
**Created:** [January 26, 2022, 8:31am UTC](https://community.shopify.com/t/topic/94342 "2022-01-26T08:31:11Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

顧客が注文時に入力した「注文メモ」を、マイページの注文履歴詳細画面に表示させたいという実装相談です。

**解決方法:**
koji_matsumotoさんが `order.note` というコードを使った具体的な実装方法を提示しました:

- **注文詳細ページ:** `templates/customers/order.liquid` に `{{ order.note }}` を挿入
- **アカウントページ:** `templates/customer/account.liquid` にメモ欄を追加し、対応する箇所に `{{ order.note }}` を挿入

コード例と挿入位置(行数)も詳細に説明されています。

**結果:**
yuichamさんは無事に実装できたと報告し、解決しました。

**追加質問:**
pritaさんが別テーマ(Supply)での実装を試みましたが、青部分(添付画像参照)に `<div class="memo">{{ order.note }}</div>` を入れても反映されず、正しい挿入場所を質問中です。この質問は未回答のまま残っています。

<div class="post-metadata">

**Author:** ![yuicham](https://avatars.discourse-cdn.com/v4/letter/y/a88e4f/32.png) [@yuicham](https://community.shopify.com/u/yuicham)\
**Post date:** [January 26, 2022, 8:31am UTC](https://community.shopify.com/t/topic/94342/1 "2022-01-26T08:31:11Z")

</div>

マイページの注文履歴の詳細ページに、注文メモを挿入できるような実装の仕方はありますでしょうか？

お客様には、商品を注文する際（決済前）に「注文メモ」に必要事項を記載していただくような形にしております。  
その記載していただいた注文メモを、マイページの注文履歴の詳細画面に注文メモを挿入しメモの内容を反映したいと思っております。

（こちらの注文履歴の詳細画面に注文メモが挿入できれば嬉しいです）

 ![スクリーンショット 2022-01-26 17.24.15 (1).png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/9/e940493b96b449a7f2e28ef4bed895e61f2e096c.png)

もし可能であれば、  
そのファイル名とliquidコードを教えていただけますと幸いです。

もし難しいようでしたら、マイページ画面の注文履歴の表に追加するような形でも問題ございません。  
こちらはcustomers/account.liquidファイルを編集すればなんとか実現できそうでしょうか・・・？

 ![スクリーンショット 2022-01-26 17.29.14.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/d/7ddd279e32285eb0cc383782b1cfdeff2fddd78f.png)

なお、テーマはExpress、shopifyのベーシックプランを使用しております。  
どうぞよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![koji\_matsumoto](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/koji_matsumoto/32/296013_2.png) [@koji\_matsumoto](https://community.shopify.com/u/koji_matsumoto)\
**Post date:** [January 28, 2022, 2:11am UTC](https://community.shopify.com/t/topic/94342/2 "2022-01-28T02:11:59Z")

</div>

@yuicham 様

order.noteというコードを使うと解決できそうです。

**①注文詳細ページへの挿入**

**②アカウントページへの挿入**

を回答いたします。

**①注文詳細ページへの挿入**

templates/customers/order.liquid の例えば217行目(tableの後)に下記を挿入。

```markup
{{ order.note }}

```

**②アカウントページへの挿入**

・メモ欄を作る

templates/customer/account 24行目あたり

```markup

                {{ 'customer.orders.order_number' | t }}
                {{ 'customer.orders.date' | t }}
                {{ 'customer.orders.payment_status' | t }}
                {{ 'customer.orders.fulfillment_status' | t }}
                {{ 'customer.orders.total' | t }}
              

```

の中に下記を追加（合計のあとであれば最後に追加）

```markup
メモ

```

・メモ欄にテキストを反映する

customers/account.liquidの48行目あたり

```markup

                  
                    
                      {{ order.name }}
                    
                  
                  {{ order.created_at | time_tag: format: 'date' }}
                  {{ order.financial_status_label }}
                  {{ order.fulfillment_status_label }}
                  
                    {%- if settings.currency_code_enabled -%}
                      {{ order.total_price | money_with_currency }}
                    {%- else -%}
                      {{ order.total_price | money }}
                    {%- endif -%}
                  
                  {{ order.note }}
                

```

の中に下記を追加

```markup
{{ order.note }}

```

以上の処理でそれぞれ反映できるかと思います。

参考になれば幸いです。

※例で実行してみたキャプチャも添付いたします

---

<div class="post-metadata">

**Author:** ![yuicham](https://avatars.discourse-cdn.com/v4/letter/y/a88e4f/32.png) [@yuicham](https://community.shopify.com/u/yuicham)\
**Post date:** [March 12, 2022, 3:31am UTC](https://community.shopify.com/t/topic/94342/3 "2022-03-12T03:31:18Z")

</div>

@koji_matsumoto 様

ご返信が遅くなってしまい、大変申し訳ございません。  
無事に実装でき、反映させることができました！  
とても丁寧に教えていただき、大変助かりました。  
ありがとうございます！

---

<div class="post-metadata">

**Author:** ![prita](https://avatars.discourse-cdn.com/v4/letter/p/ed8c4c/32.png) [@prita](https://community.shopify.com/u/prita)\
**Post date:** [December 19, 2023, 6:44am UTC](https://community.shopify.com/t/topic/94342/4 "2023-12-19T06:44:48Z")

</div>

横から突然失礼いたします。

私もこちら実装したいと思っい添付画像の青部分に入れたのですが、うまく反映されません。

テーマはSupplyを利用しているのですが、どこにいれればよいのでしょうか？

またコードは

{{ order.note }}
のままでよろしいのでしょうか？

ご教授いただけないでしょうか。

どうぞよろしくお願いいたします。ご返信お待ちしております。

 ![スクリーンショット 2023-12-19 153529.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/b/d/bd40dbe42d16908452a2cf8726a9bdc40ce2de41.png)