# マイページのカスタマイズ方法

**URL:** <https://community.shopify.com/t/topic/252651>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [September 21, 2023, 5:13pm UTC](https://community.shopify.com/t/topic/252651 "2023-09-21T17:13:16Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

デフォルトのマイページでは注文履歴や住所変更などが同一ページに表示されており、質問者は注文履歴を別ページに分けたいと考えています。

**提案された解決方法:**
- ストア管理画面 > オンラインストア > ページで、注文履歴専用のページを作成
- 注文履歴用のテンプレートを新規作成し、`{% if customer %}`を利用してログイン判定を実装
- マイページにJavaScriptを組み込み、注文履歴ページへのリンクを表示する方法も提案されています

**重要な注意点:**
Shopifyの強力なサーバーキャッシュにより、実装方法によっては他のユーザーに注文履歴が見えてしまう可能性があるため、JavaScriptを使った方法がより安全とされています。

質問者は無料テーマ「Craft」を使用しており、具体的なコード例の提供を希望しています。現在、自分でも調査中とのことです。

<div class="post-metadata">

**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\
**Post date:** [September 21, 2023, 5:13pm UTC](https://community.shopify.com/t/topic/252651/1 "2023-09-21T17:13:16Z")

</div>

デフォルトのマイページでは注文履歴や住所変更などが同じページに存在します。

注文履歴を別ページに分けたりしたいのですが、方法が分かりません。

こちら↓のページは確認したのですが、具体的な方法が分からず…。

[https://community.shopify.com/post/1663999](https://community.shopify.com/post/1663999)

教えて下さい。

理想としては、以下のように設定したいです。

ログイン

↓

マイページ（注文履歴はこちら、住所はこちら、など各ページのリンクがあるページにしたい）

↓

「注文履歴」を選択すると注文履歴の一覧ページに飛ぶ

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [September 29, 2023, 7:56am UTC](https://community.shopify.com/t/topic/252651/2 "2023-09-29T07:56:42Z")

</div>

@n_ogawa3 様

「それは分かっている」という回答になってしまうかもしれませんが、

参考にされているページでは、

ストア管理画面 \> オンラインストア \> ページ を、

注文履歴ページとして利用する、という方法を取られているようですね。

質問者様が利用されているテーマの名称とバージョンが分からないので、

具体的なコードの提案は難しいのですが、

おそらく、下記のような流れになるのではないかと思います。

1. ページに、注文履歴用のテンプレートを増やす
2. 作成したテンプレートを使って、注文履歴用のページを作成する
3. そのページでは、{% if customer %} を利用して、ログインしているかどうかを判定
4. ログインしていれば、注文履歴が表示されるように、注文履歴を表示するためのコードをコピーペーストし、調整

しかし、

杞憂かもしれませんが、

Shopifyには強力なサーバーキャッシュがあるため(Shopifyのサーバがページの内容を保存して、保存した内容をブラウザに返却する)、キャッシュのされ方によっては、例えば、Aさんの注文履歴が不特定多数に見えてしまう、という事態も考えられます。

私個人のお勧めとしては、

マイページにJavaScriptを組んで、注文履歴ページが別に存在するように見せかける、方が安全なように思います。

ご参考まで。

(キュー田辺)

---

<div class="post-metadata">

**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\
**Post date:** [November 3, 2023, 9:05am UTC](https://community.shopify.com/t/topic/252651/3 "2023-11-03T09:05:15Z")

</div>

お返事が大変遅くなりました。

お忙しい中ご教示ありがとうございます。

＞Shopifyには強力なサーバーキャッシュがあるため(Shopifyのサーバがページの内容を保存して、保存した内容をブラウザに返却する)、キャッシュのされ方によっては、例えば、Aさんの注文履歴が不特定多数に見えてしまう、という事態も考えられます。

こちら知りませんでした！

事前にお伺いできて良かったです！

＞マイページにJavaScriptを組んで、注文履歴ページが別に存在するように見せかける、方が安全なように思います。

ぜひこちらの方法で検討したいと思います！

テーマは無料の「Craft」を使用しておりますので、具体的なコードの例もいずれ教えていただけると嬉しいです。

（自分でも頑張って調べてみます…！）

ありがとうございました。
