# アカウントダッシュボードページ

### **学べること**

* レガシーアカウントを使用してカスタマーダッシュボードをスタイリングする方法
* どこで見つけてカスタマイズするか `customer/account` および `customer/addresses` ページ
* Shopifyテーマエディタ内でアカウントコンテンツをプレビューするためのヒント

***

### 🧭 テーマエディタでアカウントページにアクセスする方法

アカウントダッシュボード（顧客がログイン後に見る画面）をカスタマイズするには、以下が必要です：

1. ストアを開く（ **Shopify テーマエディタ**
2. に移動する **ログイン** または **登録** ページ
3. プレビューを通じて顧客アカウントでログインする
4. ログインすると、アカウントダッシュボードにリダイレクトされます

> 💡 ヒント: テーマエディタのプレビュー経由でログインする必要があります — `/account` をエディタのURLバーに入力すると、ログインページが再読み込みされるだけです。

***

### 🧑‍💼 アカウント詳細セクション（`customer/account`)

このセクションは顧客の名前、メール、注文一覧を表示します。

#### カスタマイズオプション

**ヒーロー画像**

* ヘッダー画像をアップロードしてページに視覚的なブランディングを施す
* ヒーロー画像を削除したり、角を丸めるオプション

**テキスト設定**

* 歓迎テキスト（例：「ようこそ」）
* メールラベル（例：「メール：」）
* 住所を見るリンクのテキスト
* ログアウトボタンのテキスト

**カラー設定**

* 歓迎メッセージ、メール、ログアウト、リンクのテキスト色
* テーブルの背景色およびテーブルのテキスト色
* 購入がない場合の「注文なし」メッセージの色

> 💡 テキストには全体のテーマに合わせてニュートラルなグレーかブランドアクセントカラーを使用してください。

***

### 🏠 アカウント住所セクション（`customer/addresses`)

このセクションでは顧客が保存済みの住所を表示、追加、編集できます。

#### カスタマイズオプション

**ヒーロー画像**

* オプションのヘッダー画像と、それを削除または角を丸めるためのトグル

**テキストフィールド**

* セクションヘッダー（例：「住所を管理」）
* 「新しい住所を追加」ボタンのテキスト
* 編集、削除、戻るナビゲーションのラベル

**色**

* ヘッダー、ボタン、リンクなど各テキスト要素をカスタマイズ
* 入力欄の区切り線とボーダーの色を設定
* 編集フォームのボタン背景色とテキスト色

> 💡 ヒント: スムーズな体験のために、ボタンとリンクの色は他のアカウントページと一貫性を保ってください。

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/customer-accounts/account-dashboard-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.